@ditari/bsui 5.0.27 → 5.0.30

package/dist/cjs/components/date/RangePicker.vue2.cjs

@@ -92,6 +92,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           props.endField,
           endTime ? endTime : null
         );
+        innerValue.value = dates;
       } else {
         updatedValue = setNestedValue(
           updatedValue,
@@ -103,8 +104,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           props.endField,
           null
         );
+        innerValue.value = null;
       }
-      innerValue.value = updatedValue;
       emits("update:value", updatedValue);
       emits("change", updatedValue);
     };

package/dist/cjs/components/date/RangePicker.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.vue2.cjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport dayjs from \"dayjs\";\r\n\r\n// 工具函数：规范化路径\r\nconst normalizePath = (\r\n  field: string | string[]\r\n): 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 (\r\n      current &&\r\n      typeof current === \"object\" &&\r\n      key in current\r\n    ) {\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<any>(null); // 使用 any 代替 Dayjs\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 = [start, 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: [any, any]) => {\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 ? startTime : null\r\n    );\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.endField,\r\n      endTime ? endTime : null\r\n    );\r\n  } else {\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.startField,\r\n      null\r\n    );\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.endField,\r\n      null\r\n    );\r\n  }\r\n  innerValue.value = updatedValue;\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    :valueFormat=\"format\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["ref","watch"],"mappings":"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"}
+{"version":3,"file":"RangePicker.vue2.cjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\n// 工具函数：规范化路径\r\nconst normalizePath = (\r\n  field: string | string[]\r\n): 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 (\r\n      current &&\r\n      typeof current === \"object\" &&\r\n      key in current\r\n    ) {\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<any>(null); // 使用 any 代替 Dayjs\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 = [start, 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: [any, any]) => {\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 ? startTime : null\r\n    );\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.endField,\r\n      endTime ? endTime : null\r\n    );\r\n    // 更新 innerValue 为当前选择的日期范围数组\r\n    innerValue.value = dates;\r\n  } else {\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.startField,\r\n      null\r\n    );\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.endField,\r\n      null\r\n    );\r\n    // 清空 innerValue\r\n    innerValue.value = 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    :valueFormat=\"format\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["ref","watch","_createBlock"],"mappings":"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"}

package/dist/cjs/components/date/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/date/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport RangePicker from \"./RangePicker.vue\";\r\n\r\nRangePicker.install = function (app: App) {\r\n  app.component(\"DRangePicker\", RangePicker);\r\n  return app;\r\n};\r\n\r\nexport { RangePicker };\r\n"],"names":["RangePicker"],"mappings":";;;;;;AAIAA,uDAAY,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACxC,EAAI,GAAA,CAAA,SAAA,CAAU,gBAAgBA,uDAAW,CAAA;AACzC,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/date/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport RangePicker from \"./RangePicker.vue\";\r\n\r\nRangePicker.install = function (app: App) {\r\n  app.component(\"DRangePicker\", RangePicker);\r\n  return app;\r\n};\r\n\r\nexport { RangePicker };\r\n"],"names":["RangePicker"],"mappings":";;;;;;AAIAA,uDAAA,CAAY,OAAA,GAAU,SAAU,GAAA,EAAU;AACxC,EAAA,GAAA,CAAI,SAAA,CAAU,gBAAgBA,uDAAW,CAAA;AACzC,EAAA,OAAO,GAAA;AACT,CAAA;;;;"}

package/dist/cjs/components/dic/DicReplace.cjs

@@ -51,14 +51,14 @@ var DicReplace = /* @__PURE__ */ vue.defineComponent({
     const route = vueRouter.useRoute();
     const isKeepAlive = keepNames.some((name) => name === route.name);
     const dicValueTxt = vue.ref("");
-    const fetchDic = vue.inject("fetchDic", (name) => __async(this, null, function* () {
+    const fetchDic = vue.inject("fetchDic", (name) => __async(null, null, function* () {
       console.warn(`fetchDic \u672A\u6CE8\u5165\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u5B9E\u73B0\uFF0Cname: ${name}`);
       return [];
     }));
-    vue.onActivated(() => __async(this, null, function* () {
+    vue.onActivated(() => __async(null, null, function* () {
       yield loadDicData();
     }));
-    vue.onMounted(() => __async(this, null, function* () {
+    vue.onMounted(() => __async(null, null, function* () {
       if (!isKeepAlive) {
         yield loadDicData();
       }

package/dist/cjs/components/dic/DicReplace.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { get: keepNames } = useKeepAliveStore();\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = keepNames.some(\n      (name: string) => name === route.name\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n    >(\"fetchDic\", async (name: string) => {\n      console.warn(\n        `fetchDic 未注入，使用默认实现，name: ${name}`\n      );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(name, value);\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","type","String","default","value","setup","get","keepNames","useKeepAliveStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","dicValueTxt","ref","fetchDic","inject","console","warn","onActivated","loadDicData","onMounted","replace","error","then","log","watch","val","immediate","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,QAAA;AAAA,EACNC,KAAO,EAAA;AAAA;AAAA,IAELD,IAAM,EAAA;AAAA,MACJE,IAAMC,EAAAA,MAAAA;AAAAA,MACNC,OAAS,EAAA;AAAA,KACX;AAAA;AAAA,IAEAC,KAAO,EAAA;AAAA,MACLH,IAAMC,EAAAA,MAAAA;AAAAA,MACNC,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACAE,MAAML,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEM,GAAKC,EAAAA;AAAAA,QAAcC,uBAAkB,EAAA;AAC7C,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAsBC,iBAAY,EAAA;AAC1C,IAAA,MAAMC,QAAQC,kBAAS,EAAA;AAEvB,IAAA,MAAMC,cAAcN,SAAUO,CAAAA,IAAAA,CAC3Bf,CAAiBA,IAAAA,KAAAA,IAAAA,KAASY,MAAMZ,IACnC,CAAA;AACA,IAAMgB,MAAAA,WAAAA,GAAcC,QAAY,EAAE,CAAA;AAGlC,IAAA,MAAMC,QAAWC,GAAAA,UAAAA,CAEf,UAAY,EAAA,CAAOnB,IAAiB,KAAA,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpCoB,MAAQC,OAAAA,CAAAA,IAAAA,CACN,CAA6BrB,iFAAAA,EAAAA,IAAI,CACnC,CAAA,CAAA;AACA,MAAA,OAAO,EAAE;AAAA,KACV,CAAA,CAAA;AAEDsB,IAAAA,eAAAA,CAAY,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAEtB,MAAA,MAAMC,WAAY,EAAA;AAAA,KACnB,CAAA,CAAA;AAEDC,IAAAA,aAAAA,CAAU,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpB,MAAA,IAAI,CAACV,WAAa,EAAA;AAEhB,QAAA,MAAMS,WAAY,EAAA;AAAA;AACpB,KACD,CAAA,CAAA;AAGD,IAAA,SAAeA,WAAc,GAAA;AAAA,MAAA,OAAA,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAC3B,QAAI,IAAA;AAEF,UAAML,MAAAA,QAAAA,CAASjB,MAAMD,IAAI,CAAA;AACzByB,UAAAA,OAAAA,CAAQxB,MAAMI,KAAK,CAAA;AAAA,iBACZqB,KAAO,EAAA;AACdN,UAAQM,OAAAA,CAAAA,KAAAA,CAAM,qDAAaA,KAAK,CAAA;AAAA;AAClC,OACF,CAAA;AAAA;AAEAH,IAAAA,WAAAA,GAAcI,IAAK,CAAA,MACjBP,OAAQQ,CAAAA,GAAAA,CAAI,kBAAkB,CAChC,CAAA;AAEAC,IACEA,SAAA,CAAA,MAAM5B,KAAMI,CAAAA,KAAAA,EACXyB,CAAgB,GAAA,KAAA;AACfL,MAAAA,OAAAA,CAAQK,GAAG,CAAA;AAAA,KAEb,EAAA;AAAA,MACEC,SAAW,EAAA;AAAA,KAEf,CAAA;AAEA,IAAA,SAASN,QAAQK,GAAa,EAAA;AAC5B,MAAA,MAAMzB,KAAQyB,GAAAA,GAAAA;AACd,MAAA,MAAM9B,OAAOC,KAAMD,CAAAA,IAAAA;AACnBgB,MAAYX,WAAAA,CAAAA,KAAAA,GAAQK,iBAAkBV,CAAAA,IAAAA,EAAMK,KAAK,CAAA;AAAA;AAGnD,IAAO,OAAA,MAAA2B,gBAAA,MAAA,EAAA;AAAA,MAAA,OACQ,EAAA;AAAA,KAAUhB,EAAAA,CAAAA,WAAYX,CAAAA,KAAK,CACzC,CAAA;AAAA;AAEL,CAAC,CAAA;;;;"}
+{"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n  defineComponent,\n  inject,\n  onActivated,\n  onMounted,\n  ref,\n  watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n  useDicStore,\n  useKeepAliveStore\n} from \"@ditari/store\";\n\nexport default defineComponent({\n  name: \"DicRep\",\n  props: {\n    // 字典名称\n    name: {\n      type: String,\n      default: \"\"\n    },\n    // 值\n    value: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { get: keepNames } = useKeepAliveStore();\n    const { getDicTextByValue } = useDicStore();\n    const route = useRoute();\n    // 判断使用组件的页面是否被缓存\n    const isKeepAlive = keepNames.some(\n      (name: string) => name === route.name\n    );\n    const dicValueTxt = ref<string>(\"\");\n\n    // 注入 fetchDic，提供默认值\n    const fetchDic = inject<\n      (name: string) => Promise<unknown[]>\n    >(\"fetchDic\", async (name: string) => {\n      console.warn(\n        `fetchDic 未注入，使用默认实现，name: ${name}`\n      );\n      return [];\n    });\n\n    onActivated(async () => {\n      // 缓存页面被激活的时候调用\n      await loadDicData();\n    });\n\n    onMounted(async () => {\n      if (!isKeepAlive) {\n        // 未缓存页面 挂载的时候调用\n        await loadDicData();\n      }\n    });\n\n    // 请求字典数据的函数\n    async function loadDicData() {\n      try {\n        // 调用注入进来的fetchDic方法\n        await fetchDic(props.name);\n        replace(props.value);\n      } catch (error) {\n        console.error(\"获取字典数据失败:\", error);\n      }\n    }\n\n    loadDicData().then(() =>\n      console.log(\"success load dic\")\n    );\n\n    watch(\n      () => props.value,\n      (val: string) => {\n        replace(val);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    function replace(val: string) {\n      const value = val;\n      const name = props.name;\n      dicValueTxt.value = getDicTextByValue(name, value);\n    }\n\n    return () => (\n      <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n    );\n  }\n});\n"],"names":["name","props","type","String","default","value","setup","get","keepNames","useKeepAliveStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","dicValueTxt","ref","fetchDic","inject","console","warn","onActivated","loadDicData","onMounted","replace","error","then","log","watch","val","immediate","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,qDAA+B;AAAA,EAC7BA,IAAAA,EAAM,QAAA;AAAA,EACNC,KAAAA,EAAO;AAAA;AAAA,IAELD,IAAAA,EAAM;AAAA,MACJE,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA,KACX;AAAA;AAAA,IAEAC,KAAAA,EAAO;AAAA,MACLH,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAAS;AAAA;AACX,GACF;AAAA,EACAE,MAAML,KAAAA,EAAO;AACX,IAAA,MAAM;AAAA,MAAEM,GAAAA,EAAKC;AAAAA,QAAcC,uBAAAA,EAAkB;AAC7C,IAAA,MAAM;AAAA,MAAEC;AAAAA,QAAsBC,iBAAAA,EAAY;AAC1C,IAAA,MAAMC,QAAQC,kBAAAA,EAAS;AAEvB,IAAA,MAAMC,cAAcN,SAAAA,CAAUO,IAAAA,CAC3Bf,CAAAA,IAAAA,KAAiBA,IAAAA,KAASY,MAAMZ,IACnC,CAAA;AACA,IAAA,MAAMgB,WAAAA,GAAcC,QAAY,EAAE,CAAA;AAGlC,IAAA,MAAMC,QAAAA,GAAWC,UAAAA,CAEf,UAAA,EAAY,CAAOnB,IAAAA,KAAiB,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpCoB,MAAAA,OAAAA,CAAQC,IAAAA,CACN,CAAA,iFAAA,EAA6BrB,IAAI,CAAA,CACnC,CAAA;AACA,MAAA,OAAO,EAAA;AAAA,IACT,CAAA,CAAC,CAAA;AAEDsB,IAAAA,eAAAA,CAAY,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAEtB,MAAA,MAAMC,WAAAA,EAAY;AAAA,IACpB,CAAA,CAAC,CAAA;AAEDC,IAAAA,aAAAA,CAAU,MAAY,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AACpB,MAAA,IAAI,CAACV,WAAAA,EAAa;AAEhB,QAAA,MAAMS,WAAAA,EAAY;AAAA,MACpB;AAAA,IACF,CAAA,CAAC,CAAA;AAGD,IAAA,SAAeA,WAAAA,GAAc;AAAA,MAAA,OAAA,OAAA,CAAA,IAAA,EAAA,IAAA,EAAA,aAAA;AAC3B,QAAA,IAAI;AAEF,UAAA,MAAML,QAAAA,CAASjB,MAAMD,IAAI,CAAA;AACzByB,UAAAA,OAAAA,CAAQxB,MAAMI,KAAK,CAAA;AAAA,QACrB,SAASqB,KAAAA,EAAO;AACdN,UAAAA,OAAAA,CAAQM,KAAAA,CAAM,qDAAaA,KAAK,CAAA;AAAA,QAClC;AAAA,MACF,CAAA,CAAA;AAAA,IAAA;AAEAH,IAAAA,WAAAA,GAAcI,IAAAA,CAAK,MACjBP,OAAAA,CAAQQ,GAAAA,CAAI,kBAAkB,CAChC,CAAA;AAEAC,IAAAA,SAAAA,CACE,MAAM5B,KAAAA,CAAMI,KAAAA,EACXyB,CAAAA,GAAAA,KAAgB;AACfL,MAAAA,OAAAA,CAAQK,GAAG,CAAA;AAAA,IACb,CAAA,EACA;AAAA,MACEC,SAAAA,EAAW;AAAA,KAEf,CAAA;AAEA,IAAA,SAASN,QAAQK,GAAAA,EAAa;AAC5B,MAAA,MAAMzB,KAAAA,GAAQyB,GAAAA;AACd,MAAA,MAAM9B,OAAOC,KAAAA,CAAMD,IAAAA;AACnBgB,MAAAA,WAAAA,CAAYX,KAAAA,GAAQK,iBAAAA,CAAkBV,IAAAA,EAAMK,KAAK,CAAA;AAAA,IACnD;AAEA,IAAA,OAAO,MAAA2B,gBAAA,MAAA,EAAA;AAAA,MAAA,OAAA,EACQ;AAAA,KAAO,EAAA,CAAGhB,WAAAA,CAAYX,KAAK,CAAA,CAAA;AAAA,EAE5C;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/dic/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/dic/index.ts"],"sourcesContent":["import DicReplace from \"./DicReplace\";\nimport type { App } from \"vue\";\n\nDicReplace.install = function (app: App) {\n  app.component(DicReplace.name!, DicReplace);\n  return app;\n};\nexport default DicReplace;\n"],"names":["DicReplace"],"mappings":";;;;;;;AAGAA,kBAAW,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACvC,EAAI,GAAA,CAAA,SAAA,CAAUA,kBAAW,CAAA,IAAA,EAAOA,kBAAU,CAAA;AAC1C,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/dic/index.ts"],"sourcesContent":["import DicReplace from \"./DicReplace\";\nimport type { App } from \"vue\";\n\nDicReplace.install = function (app: App) {\n  app.component(DicReplace.name!, DicReplace);\n  return app;\n};\nexport default DicReplace;\n"],"names":["DicReplace"],"mappings":";;;;;;;AAGAA,kBAAA,CAAW,OAAA,GAAU,SAAU,GAAA,EAAU;AACvC,EAAA,GAAA,CAAI,SAAA,CAAUA,kBAAA,CAAW,IAAA,EAAOA,kBAAU,CAAA;AAC1C,EAAA,OAAO,GAAA;AACT,CAAA;;;;"}

package/dist/cjs/components/form/FormLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.cjs","sources":["../../../../src/components/form/FormLayout.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  watch,\r\n  watchEffect\r\n} from \"vue\";\r\nimport {\r\n  Button,\r\n  Col,\r\n  Form,\r\n  FormItem,\r\n  Row,\r\n  Space\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DoubleRightOutlined,\r\n  ReloadOutlined,\r\n  SearchOutlined\r\n} from \"@ant-design/icons-vue\";\r\n\r\n/**\r\n * 查询表单渲染\r\n * 展开，隐藏功能\r\n */\r\nexport default defineComponent({\r\n  name: \"DQueryForm\",\r\n  props: {\r\n    scheme: {\r\n      type: [Array, Object] as unknown as () =>\r\n        | any[]\r\n        | Record<string, any>,\r\n      default: () => []\r\n    },\r\n    model: {\r\n      type: Object as () => Record<string, unknown>,\r\n      default: () => ({})\r\n    },\r\n    labelWidth: {\r\n      type: String,\r\n      default: \"90px\"\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  emits: [\"reset\", \"query\"],\r\n  setup(props, { slots, emit }) {\r\n    // 表单\r\n    const {\r\n      loading,\r\n      modelValue,\r\n      formRef,\r\n      onQuery,\r\n      onReset,\r\n      onKeyup\r\n    } = useForm();\r\n    // 展开\r\n    const {\r\n      rowRef,\r\n      actionSpan,\r\n      onExpend,\r\n      expendBtnVisible,\r\n      isExpend\r\n    } = useExpand();\r\n    //渲染操作列\r\n    const { renderAction } = useRender();\r\n\r\n    function useForm() {\r\n      const loading = ref(false);\r\n      const formRef = ref<any>(null);\r\n      const modelValue = ref<any>({});\r\n\r\n      watchEffect(() => {\r\n        modelValue.value = props.model;\r\n      });\r\n\r\n      watch(\r\n        () => props.loading,\r\n        val => {\r\n          loading.value = val;\r\n        }\r\n      );\r\n\r\n      /// 监听回车事件\r\n      // watch(enterKey, (v) => {\r\n      //   if (v) {\r\n      //     // 有路由名字会被keepalive进行缓存\r\n      //     // 用于判断当前页面是否被激活 因为页面被缓存的时候，页面切换后，回车事件依然会触发\r\n      //     const isActive = keepStore.list.some((name) => name === route.name);\r\n      //     console.log(route.name);\r\n      //     if (!loading.value && isActive) {\r\n      //       emit(\"query\", modelValue.value);\r\n      //     }\r\n      //     //TODO 逻辑有问题\r\n      //     if (!route.name) {\r\n      //       // 没有路由名字，不会被缓存\r\n      //       if (!loading.value) {\r\n      //         emit(\"query\", modelValue.value);\r\n      //       }\r\n      //     } else {\r\n      //\r\n      //     }\r\n      //   }\r\n      // });\r\n\r\n      const onQuery = () => {\r\n        emit(\"query\", modelValue.value);\r\n      };\r\n\r\n      const onReset = () => {\r\n        formRef.value?.resetFields();\r\n        emit(\"reset\");\r\n      };\r\n\r\n      const onKeyup = (event: any) => {\r\n        if (event.keyCode === 13) {\r\n          if (!loading.value) {\r\n            emit(\"query\", modelValue.value);\r\n          }\r\n        }\r\n      };\r\n      return {\r\n        loading,\r\n        modelValue,\r\n        formRef,\r\n        onQuery,\r\n        onReset,\r\n        onKeyup\r\n      };\r\n    }\r\n\r\n    function useRender() {\r\n      /**\r\n       * 操作按钮渲染\r\n       */\r\n      function renderAction() {\r\n        return (\r\n          <Space>\r\n            <Button\r\n              loading={loading.value}\r\n              type={\"primary\"}\r\n              shape={\"round\"}\r\n              onClick={onQuery}\r\n            >\r\n              {{\r\n                default: () => \"查询\",\r\n                icon: () => <SearchOutlined />\r\n              }}\r\n            </Button>\r\n            <Button\r\n              disabled={loading.value}\r\n              shape={\"round\"}\r\n              onClick={onReset}\r\n            >\r\n              {{\r\n                default: () => \"重置\",\r\n                icon: () => <ReloadOutlined />\r\n              }}\r\n            </Button>\r\n            {expendBtnVisible.value ? (\r\n              <Button onClick={onExpend} shape={\"round\"}>\r\n                {{\r\n                  default: () =>\r\n                    isExpend.value ? \"收起\" : \"展开\",\r\n                  icon: () => (\r\n                    <DoubleRightOutlined\r\n                      rotate={isExpend.value ? -90 : 90}\r\n                    />\r\n                  )\r\n                }}\r\n              </Button>\r\n            ) : null}\r\n          </Space>\r\n        );\r\n      }\r\n\r\n      return {\r\n        renderAction\r\n      };\r\n    }\r\n\r\n    function useExpand() {\r\n      // 为24网格布局\r\n      const gridCount = 24;\r\n      // 每列占6个格子\r\n      const colSpan = 6;\r\n      // 每行显示4列\r\n      const colsPerRow = 4;\r\n      // 操作按钮span\r\n      const actionSpan = ref(6);\r\n      // 控制展开或隐藏按钮文本\r\n      const isExpend = ref(false);\r\n      // 控制展开按按钮是否显示\r\n      const expendBtnVisible = ref(false);\r\n      // 行对象\r\n      const rowRef = ref<any>(null);\r\n\r\n      onMounted(() => {\r\n        handleShowOrHidden();\r\n      });\r\n\r\n      function onExpend() {\r\n        isExpend.value = !isExpend.value;\r\n        handleShowOrHidden();\r\n      }\r\n\r\n      /**\r\n       *  处理隐藏或显示\r\n       */\r\n      function handleShowOrHidden() {\r\n        const colEl = Array.from(\r\n          rowRef.value?.$el?.children\r\n        );\r\n        // col总条数 减掉操作栏按钮的div个数为1\r\n        const colElLen = colEl.length - 1;\r\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\r\n        const occupiedCols = colElLen * colSpan;\r\n        // 总行数 =  总div数 / 每行显示的列数\r\n        const fullRows = Math.ceil(colElLen / colsPerRow);\r\n        // 最后一行的网格数 = 已占用的网格数 % 24\r\n        const lastRowCols = occupiedCols % gridCount;\r\n        // 最后一行剩余的网格数\r\n        const remainingCols = gridCount - lastRowCols;\r\n\r\n        // 网格行大于2才显示展开或隐藏按钮\r\n        if (fullRows > 2) {\r\n          expendBtnVisible.value = true;\r\n        } else {\r\n          // 如果没有大于两行，操作栏占用剩余的宽度\r\n          actionSpan.value = remainingCols;\r\n        }\r\n        // 最后一行的起始索引\r\n        const lastRowStartIndex =\r\n          colsPerRow * (fullRows - 1) - 1;\r\n        // 只有展开按钮显示时才处理\r\n        if (expendBtnVisible.value) {\r\n          colEl.forEach((col: any, index) => {\r\n            if (index >= lastRowStartIndex) {\r\n              // 最后一个元素不隐藏 是操作按钮的div\r\n              index !== colElLen\r\n                ? (col.style.display = !isExpend.value\r\n                    ? \"none\"\r\n                    : \"block\")\r\n                : null; // 隐藏元素\r\n            }\r\n          });\r\n        }\r\n\r\n        if (expendBtnVisible.value) {\r\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\r\n          isExpend.value\r\n            ? (actionSpan.value = remainingCols)\r\n            : (actionSpan.value = colSpan);\r\n        }\r\n      }\r\n\r\n      return {\r\n        rowRef,\r\n        actionSpan,\r\n        onExpend,\r\n        expendBtnVisible,\r\n        isExpend\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div onKeyup={onKeyup}>\r\n        <Form\r\n          ref={formRef}\r\n          colon={false}\r\n          labelCol={{ style: { width: props.labelWidth } }}\r\n          model={modelValue.value}\r\n        >\r\n          <Row ref={rowRef}>\r\n            {slots.default?.()}\r\n            <Col\r\n              span={actionSpan.value}\r\n              style={{ textAlign: \"right\" }}\r\n            >\r\n              <FormItem>\r\n                {slots.action\r\n                  ? slots.action()\r\n                  : renderAction()}\r\n              </FormItem>\r\n            </Col>\r\n          </Row>\r\n        </Form>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","onKeyup","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","watchEffect","value","watch","val","resetFields","event","keyCode","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","Form","width","Row","Col","textAlign","FormItem","action"],"mappings":"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"}
+{"version":3,"file":"FormLayout.cjs","sources":["../../../../src/components/form/FormLayout.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  watch,\r\n  watchEffect\r\n} from \"vue\";\r\nimport {\r\n  Button,\r\n  Col,\r\n  Form,\r\n  FormItem,\r\n  Row,\r\n  Space\r\n} from \"ant-design-vue\";\r\n\r\nimport {\r\n  DoubleRightOutlined,\r\n  ReloadOutlined,\r\n  SearchOutlined\r\n} from \"@ant-design/icons-vue\";\r\n\r\n/**\r\n * 查询表单渲染\r\n * 展开，隐藏功能\r\n */\r\nexport default defineComponent({\r\n  name: \"DQueryForm\",\r\n  props: {\r\n    scheme: {\r\n      type: [Array, Object] as unknown as () =>\r\n        | any[]\r\n        | Record<string, any>,\r\n      default: () => []\r\n    },\r\n    model: {\r\n      type: Object as () => Record<string, unknown>,\r\n      default: () => ({})\r\n    },\r\n    labelWidth: {\r\n      type: String,\r\n      default: \"90px\"\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  emits: [\"reset\", \"query\"],\r\n  setup(props, { slots, emit }) {\r\n    // 表单\r\n    const {\r\n      loading,\r\n      modelValue,\r\n      formRef,\r\n      onQuery,\r\n      onReset,\r\n      onKeyup\r\n    } = useForm();\r\n    // 展开\r\n    const {\r\n      rowRef,\r\n      actionSpan,\r\n      onExpend,\r\n      expendBtnVisible,\r\n      isExpend\r\n    } = useExpand();\r\n    //渲染操作列\r\n    const { renderAction } = useRender();\r\n\r\n    function useForm() {\r\n      const loading = ref(false);\r\n      const formRef = ref<any>(null);\r\n      const modelValue = ref<any>({});\r\n\r\n      watchEffect(() => {\r\n        modelValue.value = props.model;\r\n      });\r\n\r\n      watch(\r\n        () => props.loading,\r\n        val => {\r\n          loading.value = val;\r\n        }\r\n      );\r\n\r\n      /// 监听回车事件\r\n      // watch(enterKey, (v) => {\r\n      //   if (v) {\r\n      //     // 有路由名字会被keepalive进行缓存\r\n      //     // 用于判断当前页面是否被激活 因为页面被缓存的时候，页面切换后，回车事件依然会触发\r\n      //     const isActive = keepStore.list.some((name) => name === route.name);\r\n      //     console.log(route.name);\r\n      //     if (!loading.value && isActive) {\r\n      //       emit(\"query\", modelValue.value);\r\n      //     }\r\n      //     //TODO 逻辑有问题\r\n      //     if (!route.name) {\r\n      //       // 没有路由名字，不会被缓存\r\n      //       if (!loading.value) {\r\n      //         emit(\"query\", modelValue.value);\r\n      //       }\r\n      //     } else {\r\n      //\r\n      //     }\r\n      //   }\r\n      // });\r\n\r\n      const onQuery = () => {\r\n        emit(\"query\", modelValue.value);\r\n      };\r\n\r\n      const onReset = () => {\r\n        formRef.value?.resetFields();\r\n        emit(\"reset\");\r\n      };\r\n\r\n      const onKeyup = (event: any) => {\r\n        if (event.keyCode === 13) {\r\n          if (!loading.value) {\r\n            emit(\"query\", modelValue.value);\r\n          }\r\n        }\r\n      };\r\n      return {\r\n        loading,\r\n        modelValue,\r\n        formRef,\r\n        onQuery,\r\n        onReset,\r\n        onKeyup\r\n      };\r\n    }\r\n\r\n    function useRender() {\r\n      /**\r\n       * 操作按钮渲染\r\n       */\r\n      function renderAction() {\r\n        return (\r\n          <Space>\r\n            <Button\r\n              loading={loading.value}\r\n              type={\"primary\"}\r\n              shape={\"round\"}\r\n              onClick={onQuery}\r\n            >\r\n              {{\r\n                default: () => \"查询\",\r\n                icon: () => <SearchOutlined />\r\n              }}\r\n            </Button>\r\n            <Button\r\n              disabled={loading.value}\r\n              shape={\"round\"}\r\n              onClick={onReset}\r\n            >\r\n              {{\r\n                default: () => \"重置\",\r\n                icon: () => <ReloadOutlined />\r\n              }}\r\n            </Button>\r\n            {expendBtnVisible.value ? (\r\n              <Button onClick={onExpend} shape={\"round\"}>\r\n                {{\r\n                  default: () =>\r\n                    isExpend.value ? \"收起\" : \"展开\",\r\n                  icon: () => (\r\n                    <DoubleRightOutlined\r\n                      rotate={isExpend.value ? -90 : 90}\r\n                    />\r\n                  )\r\n                }}\r\n              </Button>\r\n            ) : null}\r\n          </Space>\r\n        );\r\n      }\r\n\r\n      return {\r\n        renderAction\r\n      };\r\n    }\r\n\r\n    function useExpand() {\r\n      // 为24网格布局\r\n      const gridCount = 24;\r\n      // 每列占6个格子\r\n      const colSpan = 6;\r\n      // 每行显示4列\r\n      const colsPerRow = 4;\r\n      // 操作按钮span\r\n      const actionSpan = ref(6);\r\n      // 控制展开或隐藏按钮文本\r\n      const isExpend = ref(false);\r\n      // 控制展开按按钮是否显示\r\n      const expendBtnVisible = ref(false);\r\n      // 行对象\r\n      const rowRef = ref<any>(null);\r\n\r\n      onMounted(() => {\r\n        handleShowOrHidden();\r\n      });\r\n\r\n      function onExpend() {\r\n        isExpend.value = !isExpend.value;\r\n        handleShowOrHidden();\r\n      }\r\n\r\n      /**\r\n       *  处理隐藏或显示\r\n       */\r\n      function handleShowOrHidden() {\r\n        const colEl = Array.from(\r\n          rowRef.value?.$el?.children\r\n        );\r\n        // col总条数 减掉操作栏按钮的div个数为1\r\n        const colElLen = colEl.length - 1;\r\n        // 已占用的网格数 = col总条数 * 每列占用的网格数\r\n        const occupiedCols = colElLen * colSpan;\r\n        // 总行数 =  总div数 / 每行显示的列数\r\n        const fullRows = Math.ceil(colElLen / colsPerRow);\r\n        // 最后一行的网格数 = 已占用的网格数 % 24\r\n        const lastRowCols = occupiedCols % gridCount;\r\n        // 最后一行剩余的网格数\r\n        const remainingCols = gridCount - lastRowCols;\r\n\r\n        // 网格行大于2才显示展开或隐藏按钮\r\n        if (fullRows > 2) {\r\n          expendBtnVisible.value = true;\r\n        } else {\r\n          // 如果没有大于两行，操作栏占用剩余的宽度\r\n          actionSpan.value = remainingCols;\r\n        }\r\n        // 最后一行的起始索引\r\n        const lastRowStartIndex =\r\n          colsPerRow * (fullRows - 1) - 1;\r\n        // 只有展开按钮显示时才处理\r\n        if (expendBtnVisible.value) {\r\n          colEl.forEach((col: any, index) => {\r\n            if (index >= lastRowStartIndex) {\r\n              // 最后一个元素不隐藏 是操作按钮的div\r\n              index !== colElLen\r\n                ? (col.style.display = !isExpend.value\r\n                    ? \"none\"\r\n                    : \"block\")\r\n                : null; // 隐藏元素\r\n            }\r\n          });\r\n        }\r\n\r\n        if (expendBtnVisible.value) {\r\n          // 如果是展开状态 则操作按钮占用剩余的网格数 否则占用6个网格\r\n          isExpend.value\r\n            ? (actionSpan.value = remainingCols)\r\n            : (actionSpan.value = colSpan);\r\n        }\r\n      }\r\n\r\n      return {\r\n        rowRef,\r\n        actionSpan,\r\n        onExpend,\r\n        expendBtnVisible,\r\n        isExpend\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div onKeyup={onKeyup}>\r\n        <Form\r\n          ref={formRef}\r\n          colon={false}\r\n          labelCol={{ style: { width: props.labelWidth } }}\r\n          model={modelValue.value}\r\n        >\r\n          <Row ref={rowRef}>\r\n            {slots.default?.()}\r\n            <Col\r\n              span={actionSpan.value}\r\n              style={{ textAlign: \"right\" }}\r\n            >\r\n              <FormItem>\r\n                {slots.action\r\n                  ? slots.action()\r\n                  : renderAction()}\r\n              </FormItem>\r\n            </Col>\r\n          </Row>\r\n        </Form>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","props","scheme","type","Array","Object","default","model","labelWidth","String","loading","Boolean","emits","setup","slots","emit","modelValue","formRef","onQuery","onReset","onKeyup","useForm","rowRef","actionSpan","onExpend","expendBtnVisible","isExpend","useExpand","renderAction","useRender","ref","watchEffect","value","watch","val","resetFields","event","keyCode","_createVNode","Space","Button","icon","SearchOutlined","ReloadOutlined","DoubleRightOutlined","gridCount","colSpan","colsPerRow","onMounted","handleShowOrHidden","colEl","from","$el","children","colElLen","length","occupiedCols","fullRows","Math","ceil","lastRowCols","remainingCols","lastRowStartIndex","forEach","col","index","style","display","Form","width","Row","Col","textAlign","FormItem","action"],"mappings":"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"}

package/dist/cjs/components/form/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/form/index.ts"],"sourcesContent":["import FormLayout from \"./FormLayout\";\r\nimport type { App } from \"vue\";\r\n\r\nFormLayout.install = function (app: App) {\r\n  app.component(FormLayout.name!, FormLayout);\r\n  return app;\r\n};\r\n\r\nexport { FormLayout };\r\n"],"names":["FormLayout"],"mappings":";;;;;AAGAA,kBAAW,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACvC,EAAI,GAAA,CAAA,SAAA,CAAUA,kBAAW,CAAA,IAAA,EAAOA,kBAAU,CAAA;AAC1C,EAAO,OAAA,GAAA;AACT,CAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/form/index.ts"],"sourcesContent":["import FormLayout from \"./FormLayout\";\r\nimport type { App } from \"vue\";\r\n\r\nFormLayout.install = function (app: App) {\r\n  app.component(FormLayout.name!, FormLayout);\r\n  return app;\r\n};\r\n\r\nexport { FormLayout };\r\n"],"names":["FormLayout"],"mappings":";;;;;AAGAA,kBAAA,CAAW,OAAA,GAAU,SAAU,GAAA,EAAU;AACvC,EAAA,GAAA,CAAI,SAAA,CAAUA,kBAAA,CAAW,IAAA,EAAOA,kBAAU,CAAA;AAC1C,EAAA,OAAO,GAAA;AACT,CAAA;;;;"}

package/dist/cjs/components/icon/Moon.vue.cjs

@@ -14,7 +14,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       {
@@ -23,9 +23,9 @@ function _sfc_render(_ctx, _cache) {
       },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 var Moon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
 

package/dist/cjs/components/icon/Moon.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Moon.vue.cjs","sources":["../../../../src/components/icon/Moon.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\r\n\r\n<template>\r\n  <svg\r\n    width=\"48\"\r\n    height=\"48\"\r\n    viewBox=\"0 0 48 48\"\r\n    fill=\"none\"\r\n  >\r\n    <path\r\n      d=\"M42.108 29.769c.124-.387-.258-.736-.645-.613A17.99 17.99 0 0136 30c-9.941 0-18-8.059-18-18 0-1.905.296-3.74.844-5.463.123-.387-.226-.769-.613-.645C10.558 8.334 5 15.518 5 24c0 10.493 8.507 19 19 19 8.482 0 15.666-5.558 18.108-13.231z\"\r\n      fill=\"#4E5969\"\r\n    />\r\n  </svg>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;AAII,MAAA,UAAU,GAAA;AAAA,EACV;EACA;EACA,OAAW,EAAA,WAAA;AAAA;;AAJb,SAAA,WAAA,CAAA,MAAA,MAAA,EAAA;EASI,OAAAA,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;AAAA,IAFAC,sBAAA;AAAA,MAA6O,MAAA;AAAA,MAAA;AAAA,QAC7O,CAAA,EAAA,2OAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"Moon.vue.cjs","sources":["../../../../src/components/icon/Moon.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\r\n\r\n<template>\r\n  <svg\r\n    width=\"48\"\r\n    height=\"48\"\r\n    viewBox=\"0 0 48 48\"\r\n    fill=\"none\"\r\n  >\r\n    <path\r\n      d=\"M42.108 29.769c.124-.387-.258-.736-.645-.613A17.99 17.99 0 0136 30c-9.941 0-18-8.059-18-18 0-1.905.296-3.74.844-5.463.123-.387-.226-.769-.613-.645C10.558 8.334 5 15.518 5 24c0 10.493 8.507 19 19 19 8.482 0 15.666-5.558 18.108-13.231z\"\r\n      fill=\"#4E5969\"\r\n    />\r\n  </svg>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;EAII,KAAA,EAAM,IAAA;AAAA,EACN,MAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAQ,WAAA;AAAA,EACR,IAAA,EAAK;;;AAJP,EAAA,OAAAA,aAAA,EAAA,EAAAC,sBAAA,CAUM,KAAA,EAVN,UAAA,EAUM,CAAA,GAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;AAAA,IAJJC,sBAAA;AAAA,MAGE,MAAA;AAAA,MAAA;AAAA,QAFA,CAAA,EAAE,2OAAA;AAAA,QACF,IAAA,EAAK;AAAA;;;;;;;;;;;"}

package/dist/cjs/components/icon/Sun.vue.cjs

@@ -14,7 +14,7 @@ const _hoisted_1 = {
   fill: "none"
 };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "circle",
       {
@@ -25,7 +25,7 @@ function _sfc_render(_ctx, _cache) {
       },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     vue.createElementVNode(
       "path",
@@ -35,9 +35,9 @@ function _sfc_render(_ctx, _cache) {
       },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 var Sun = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
 

package/dist/cjs/components/icon/Sun.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sun.vue.cjs","sources":["../../../../src/components/icon/Sun.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\r\n\r\n<template>\r\n  <svg\r\n    width=\"22\"\r\n    height=\"22\"\r\n    viewBox=\"0 0 48 48\"\r\n    fill=\"none\"\r\n  >\r\n    <circle cx=\"24\" cy=\"24\" r=\"9\" fill=\"red\" />\r\n    <path\r\n      d=\"M21 5.5a.5.5 0 01.5-.5h5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5zM21 37.5a.5.5 0 01.5-.5h5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5zM42.5 21a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h5zM10.5 21a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h5zM39.203 34.96a.5.5 0 010 .707l-3.536 3.536a.5.5 0 01-.707 0l-3.535-3.536a.5.5 0 010-.707l3.535-3.535a.5.5 0 01.707 0l3.536 3.535zM16.575 12.333a.5.5 0 010 .707l-3.535 3.535a.5.5 0 01-.707 0L8.797 13.04a.5.5 0 010-.707l3.536-3.536a.5.5 0 01.707 0l3.535 3.536zM13.04 39.203a.5.5 0 01-.707 0l-3.536-3.536a.5.5 0 010-.707l3.536-3.535a.5.5 0 01.707 0l3.536 3.535a.5.5 0 010 .707l-3.536 3.536zM35.668 16.575a.5.5 0 01-.708 0l-3.535-3.535a.5.5 0 010-.707l3.535-3.536a.5.5 0 01.708 0l3.535 3.536a.5.5 0 010 .707l-3.535 3.535z\"\r\n      fill=\"#4E5969\"\r\n    />\r\n  </svg>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;AAII,MAAA,UAAU,GAAA;AAAA,EACV;EACA;EACA,OAAW,EAAA,WAAA;AAAA;;AAJb,SAAA,WAAA,CAAA,MAAA,MAAA,EAAA;EAM6C,OAAAA,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;AAAA,IAAnCC,sBAAA;AAAA,MAAO,QAAA;AAAA,MAAA;AAAA,QAAC,EAAG,EAAA,IAAA;AAAA,QAAK,EAAK,EAAA,IAAA;AAAA,QAAC,CAAA,EAAA,GAAA;AAAA;OAC9B;AAAA,MAGE,IAAA;AAAA,MAAA,CAAA;AAAA;AAAA,KAAA;AAAA,IAFAA,sBAAA;AAAA,MAAo0B,MAAA;AAAA,MAAA;AAAA,QACp0B,CAAA,EAAA,k0BAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"Sun.vue.cjs","sources":["../../../../src/components/icon/Sun.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\r\n\r\n<template>\r\n  <svg\r\n    width=\"22\"\r\n    height=\"22\"\r\n    viewBox=\"0 0 48 48\"\r\n    fill=\"none\"\r\n  >\r\n    <circle cx=\"24\" cy=\"24\" r=\"9\" fill=\"red\" />\r\n    <path\r\n      d=\"M21 5.5a.5.5 0 01.5-.5h5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5zM21 37.5a.5.5 0 01.5-.5h5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5zM42.5 21a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h5zM10.5 21a.5.5 0 01.5.5v5a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h5zM39.203 34.96a.5.5 0 010 .707l-3.536 3.536a.5.5 0 01-.707 0l-3.535-3.536a.5.5 0 010-.707l3.535-3.535a.5.5 0 01.707 0l3.536 3.535zM16.575 12.333a.5.5 0 010 .707l-3.535 3.535a.5.5 0 01-.707 0L8.797 13.04a.5.5 0 010-.707l3.536-3.536a.5.5 0 01.707 0l3.535 3.536zM13.04 39.203a.5.5 0 01-.707 0l-3.536-3.536a.5.5 0 010-.707l3.536-3.535a.5.5 0 01.707 0l3.536 3.535a.5.5 0 010 .707l-3.536 3.536zM35.668 16.575a.5.5 0 01-.708 0l-3.535-3.535a.5.5 0 010-.707l3.535-3.536a.5.5 0 01.708 0l3.535 3.536a.5.5 0 010 .707l-3.535 3.535z\"\r\n      fill=\"#4E5969\"\r\n    />\r\n  </svg>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;EAII,KAAA,EAAM,IAAA;AAAA,EACN,MAAA,EAAO,IAAA;AAAA,EACP,OAAA,EAAQ,WAAA;AAAA,EACR,IAAA,EAAK;;;AAJP,EAAA,OAAAA,aAAA,EAAA,EAAAC,sBAAA,CAWM,KAAA,EAXN,UAAA,EAWM,CAAA,GAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;AAAA,IALJC,sBAAA;AAAA,MAA2C,QAAA;AAAA,MAAA;AAAA,QAAnC,EAAA,EAAG,IAAA;AAAA,QAAK,EAAA,EAAG,IAAA;AAAA,QAAK,CAAA,EAAE,GAAA;AAAA,QAAI,IAAA,EAAK;AAAA;;;;;IACnCA,sBAAA;AAAA,MAGE,MAAA;AAAA,MAAA;AAAA,QAFA,CAAA,EAAE,k0BAAA;AAAA,QACF,IAAA,EAAK;AAAA;;;;;;;;;;;"}

package/dist/cjs/components/icon/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/icon/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport Moon from \"./Moon.vue\";\r\nimport Sun from \"./Sun.vue\";\r\n\r\nSun.install = (app: App) => {\r\n  app.component(\"IconSun\", Sun);\r\n};\r\nMoon.install = (app: App) => {\r\n  app.component(\"IconMoon\", Moon);\r\n};\r\nexport { Moon, Sun };\r\n"],"names":["Sun","Moon"],"mappings":";;;;;;AAKAA,WAAI,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC1B,EAAI,GAAA,CAAA,SAAA,CAAU,WAAWA,WAAG,CAAA;AAC9B,CAAA;AACAC,YAAK,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC3B,EAAI,GAAA,CAAA,SAAA,CAAU,YAAYA,YAAI,CAAA;AAChC,CAAA;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/icon/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport Moon from \"./Moon.vue\";\r\nimport Sun from \"./Sun.vue\";\r\n\r\nSun.install = (app: App) => {\r\n  app.component(\"IconSun\", Sun);\r\n};\r\nMoon.install = (app: App) => {\r\n  app.component(\"IconMoon\", Moon);\r\n};\r\nexport { Moon, Sun };\r\n"],"names":["Sun","Moon"],"mappings":";;;;;;AAKAA,WAAA,CAAI,OAAA,GAAU,CAAC,GAAA,KAAa;AAC1B,EAAA,GAAA,CAAI,SAAA,CAAU,WAAWA,WAAG,CAAA;AAC9B,CAAA;AACAC,YAAA,CAAK,OAAA,GAAU,CAAC,GAAA,KAAa;AAC3B,EAAA,GAAA,CAAI,SAAA,CAAU,YAAYA,YAAI,CAAA;AAChC,CAAA;;;;;"}

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

@@ -135,7 +135,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 theme: "light",
                 collapsible: "",
                 trigger: null,
-                class: vue.normalizeClass(vue.unref(siderStyle))
+                class: vue.normalizeClass(vue.unref(siderStyle)),
+                width: vue.unref(layout).sideWidth
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_1, [
@@ -145,7 +146,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 8, ["collapsed", "class"]),
+              }, 8, ["collapsed", "class", "width"]),
               vue.createVNode(_component_a_layout, {
                 class: vue.normalizeClass(vue.unref(rightStyle))
               }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\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 siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}
+{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n  useAppStore,\r\n  useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n  watermark: { type: Object, required: false, default: () => ({\r\n      content: \"\"\r\n    }) },\n  isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n  layoutStyle,\r\n  siderStyle,\r\n  rightStyle,\r\n  rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n  // 保存需要被缓存的标签\r\n  const { save } = useKeepAliveStore();\r\n\r\n  watch(\r\n    () => route.path,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n}\r\n\r\nfunction useWatermark() {\r\n  const watermarkContent = ref(\"\");\r\n  provide(\"watermarkContent\", watermarkContent);\r\n  // 监听 watermark 的变化\r\n  watch(\r\n    () => props.watermark,\r\n    val => {\r\n      watermarkContent.value = val.content || \"\";\r\n    },\r\n    { deep: true, immediate: true }\r\n  );\r\n}\r\n\r\nfunction useStyle() {\r\n  const layoutStyle = css`\r\n    height: 100vh;\r\n  `;\r\n\r\n  const transitionStyle = css`\r\n    transition: margin-left 0.4s\r\n      cubic-bezier(0.22, 1.2, 0.36, 1);\r\n  `;\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 siderStyle = computed(\r\n    () => css`\r\n      position: fixed !important;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      z-index: 1;\r\n      width: ${layout.value.sideWidth}px;\r\n\r\n      .app-side {\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        ${modeConfig.value.mode === \"light\"\r\n          ? `background:${sideTokenStyle.value.bgColor};`\r\n          : \"\"}\r\n      }\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      margin-left: ${left.value};\r\n      ${transitionStyle}\r\n    `\r\n  );\r\n\r\n  const rightContentStyle = computed(\r\n    () => css`\r\n      padding-top: ${layout.value.headerHeight}px;\r\n    `\r\n  );\r\n\r\n  return {\r\n    layoutStyle,\r\n    siderStyle,\r\n    rightStyle,\r\n    rightContentStyle\r\n  };\r\n}\r\n\r\nfunction useMenu() {\r\n  const onMenuClick = (item: never) => {\r\n    emits(\"onMenuClick\", item);\r\n  };\r\n\r\n  return {\r\n    onMenuClick\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-layout :class=\"layoutStyle\">\r\n    <a-layout-sider\r\n      v-model:collapsed=\"layout.collapsed\"\r\n      theme=\"light\"\r\n      collapsible\r\n      :trigger=\"null\"\r\n      :class=\"siderStyle\"\r\n      :width=\"layout.sideWidth\"\r\n    >\r\n      <div class=\"app-side\">\r\n        <slot name=\"logo\"></slot>\r\n        <d-menu @onMenuClick=\"onMenuClick\" />\r\n      </div>\r\n    </a-layout-sider>\r\n    <a-layout :class=\"rightStyle\">\r\n      <header-layout>\r\n        <slot name=\"headerRight\"></slot>\r\n      </header-layout>\r\n      <a-layout-content :class=\"rightContentStyle\">\r\n        <RouterContent />\r\n      </a-layout-content>\r\n    </a-layout>\r\n  </a-layout>\r\n\r\n  <SettingDrawer v-if=\"isSettings\" />\r\n  <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle","onMenuClick","_createVNode","_unref","_createElementVNode","_renderSlot","DMenu","HeaderLayout","RouterContent","_createBlock","SettingDrawer"],"mappings":"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"}

package/dist/cjs/components/layout/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n  Card,\r\n  Flex,\r\n  Space,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const {\r\n      tableRef,\r\n      height,\r\n      tableVisible,\r\n      playTableHeight\r\n    } = useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n          position: absolute;\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          z-index: 1;\r\n          background: white;\r\n          display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n        box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n        .ant-card-body {\r\n            overflow-y: 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    const listStyle = computed(\r\n      () => css`\r\n          padding: 10px;\r\n          height: 100%;\r\n          //height: calc(100vh - 44px);\r\n      `\r\n    );\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } =\r\n        useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n              bordered={false}\r\n            >\r\n              <Flex\r\n                style={{ height: \"100%\" }}\r\n                vertical={true}\r\n              >\r\n                <Space style={{ marginBottom: \"6px\" }}>\r\n                  {slots.tools?.()}\r\n                </Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({\r\n                        height: height.value\r\n                      })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Watermark style={{ height: \"100%\" }} content={watermarkContent.value}>\r\n          <Flex\r\n            class={[listStyle.value, \"app-list\"]}\r\n            gap={10}\r\n          >\r\n            {slots.left ? (\r\n              <Card\r\n                class={[cardStyle, leftCardStyle]}\r\n                bordered={false}\r\n                bodyStyle={{\r\n                  height: \"100%\",\r\n                  padding: \"10px\"\r\n                }}\r\n              >\r\n                {slots.left?.()}\r\n              </Card>\r\n            ) : null}\r\n            <Flex vertical={true} flex={1}>\r\n              {formLayout()()}\r\n              {tableLayout()()}\r\n            </Flex>\r\n          </Flex>\r\n        </Watermark>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","watermarkContent","ref","inject","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onActivated,\r\n  onDeactivated,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n  type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n  Card,\r\n  Flex,\r\n  Space,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n  name: \"DListLayout\",\r\n  emits: [\"refresh\"],\r\n  setup(_, { slots, emit }) {\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const {\r\n      tableRef,\r\n      height,\r\n      tableVisible,\r\n      playTableHeight\r\n    } = useTableHeight();\r\n    const { formRef } = useForm();\r\n    useReload();\r\n    // 使用 computed 来动态计算样式\r\n    const maskDivStyle = computed(() => {\r\n      return css`\r\n          position: absolute;\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          z-index: 1;\r\n          background: white;\r\n          display: ${tableVisible.value ? \"block\" : \"none\"};\r\n      `;\r\n    });\r\n\r\n    const tableWrapperStyle = css`\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        overflow: hidden;\r\n    `;\r\n\r\n    const cardStyle = css`\r\n        box-shadow: none !important;\r\n    `;\r\n\r\n    const leftCardStyle = css`\r\n        .ant-card-body {\r\n            overflow-y: 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    const listStyle = computed(\r\n      () => css`\r\n          padding: 10px;\r\n          height: 100%;\r\n          //height: calc(100vh - 44px);\r\n      `\r\n    );\r\n\r\n    onMounted(() => {\r\n      playTableHeight();\r\n    });\r\n\r\n    function useTableHeight() {\r\n      const tableRef = ref();\r\n      const height = ref(0);\r\n      const tableVisible = ref(true);\r\n\r\n      function playTableHeight() {\r\n        tableVisible.value = true;\r\n        height.value = tableRef?.value?.$el.offsetHeight;\r\n        nextTick(() => {\r\n          setTimeout(() => {\r\n            tableVisible.value = false;\r\n          }, 10);\r\n        });\r\n      }\r\n\r\n      return {\r\n        tableRef,\r\n        height,\r\n        tableVisible,\r\n        playTableHeight\r\n      };\r\n    }\r\n\r\n    function useForm() {\r\n      const formRef = ref(null);\r\n      const { height: formHeight } =\r\n        useElementSize(formRef);\r\n      watch(\r\n        () => formHeight.value,\r\n        () => {\r\n          nextTick(() => {\r\n            playTableHeight();\r\n          });\r\n        }\r\n      );\r\n\r\n      return {\r\n        formRef\r\n      };\r\n    }\r\n\r\n    // 处理标签重载\r\n    function useReload() {\r\n      let stopHandleWatch: WatchStopHandle;\r\n      // !route.meta.keepAlive\r\n      if (!route.name) {\r\n        stopHandleWatch = _useWatch();\r\n        // 卸载未缓存的组件\r\n        onUnmounted(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      } else {\r\n        // 激活缓存页面\r\n        onActivated(() => {\r\n          if (refresh.value) {\r\n            refresh.value = false;\r\n            emit(\"refresh\");\r\n          }\r\n          stopHandleWatch = _useWatch();\r\n        });\r\n        // 离开缓存页面\r\n        onDeactivated(() => {\r\n          stopHandleWatch?.();\r\n        });\r\n      }\r\n\r\n      function _useWatch() {\r\n        //点击了标签重载图标\r\n        return watch(\r\n          () => refresh.value,\r\n          val => {\r\n            if (val) {\r\n              // 发送刷新事件到列表页面\r\n              emit(\"refresh\");\r\n            }\r\n          }\r\n        );\r\n      }\r\n    }\r\n\r\n    function useLayout() {\r\n      function formLayout() {\r\n        return () =>\r\n          slots.form && (\r\n            <Card\r\n              class={cardStyle}\r\n              ref={formRef}\r\n              style={{ marginBottom: \"10px\" }}\r\n              bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n              bordered={false}\r\n            >\r\n              {slots.form()}\r\n            </Card>\r\n          );\r\n      }\r\n\r\n      function tableLayout() {\r\n        return () => (\r\n          <Flex flex={1} vertical={true}>\r\n            <Card\r\n              class={cardStyle}\r\n              style={{ height: \"100%\" }}\r\n              bodyStyle={{\r\n                height: \"100%\",\r\n                padding: \"10px\"\r\n              }}\r\n              bordered={false}\r\n            >\r\n              <Flex\r\n                style={{ height: \"100%\" }}\r\n                vertical={true}\r\n              >\r\n                <Space style={{ marginBottom: \"6px\" }}>\r\n                  {slots.tools?.()}\r\n                </Space>\r\n                <Flex\r\n                  ref={tableRef}\r\n                  flex={1}\r\n                  style={{ height: \"100%\" }}\r\n                  vertical={true}\r\n                >\r\n                  <div class={tableRootStyle}>\r\n                    <div class={maskDivStyle.value}></div>\r\n                    <div class={tableWrapperStyle}>\r\n                      {slots.table?.({\r\n                        height: height.value\r\n                      })}\r\n                    </div>\r\n                  </div>\r\n                </Flex>\r\n              </Flex>\r\n            </Card>\r\n          </Flex>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <Watermark style={{ height: \"100%\" }} content={watermarkContent.value}>\r\n          <Flex\r\n            class={[listStyle.value, \"app-list\"]}\r\n            gap={10}\r\n          >\r\n            {slots.left ? (\r\n              <Card\r\n                class={[cardStyle, leftCardStyle]}\r\n                bordered={false}\r\n                bodyStyle={{\r\n                  height: \"100%\",\r\n                  padding: \"10px\"\r\n                }}\r\n              >\r\n                {slots.left?.()}\r\n              </Card>\r\n            ) : null}\r\n            <Flex vertical={true} flex={1}>\r\n              {formLayout()()}\r\n              {tableLayout()()}\r\n            </Flex>\r\n          </Flex>\r\n        </Watermark>\r\n      );\r\n    }\r\n\r\n    return () => useLayout();\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","watermarkContent","ref","inject","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left"],"mappings":"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"}

package/dist/cjs/components/layout/Show.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  inject,\r\n  ref\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport {\r\n  Flex,\r\n  PageHeader,\r\n  theme,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  };\r\n};\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px\r\n          ${slots.bottomFooter ? \"50px\" : \"0\"};\r\n        background: ${token.value.colorBgLayout};\r\n      `\r\n    );\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        height: 50px;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        // 返回关闭标签\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        // 不关闭标签\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    return () => (\r\n      <Watermark content={watermarkContent.value}>\r\n        <Flex vertical={true}>\r\n          <PageHeader\r\n            ghost={ghost.value}\r\n            class={pageHeaderStyle.value}\r\n            onBack={() => onBack()}\r\n            title={pageTitle()}\r\n          >\r\n            {{\r\n              backIcon: () => (\r\n                <div>\r\n                  <LeftOutlined\r\n                    style={{ fontSize: \"26px\" }}\r\n                  />\r\n                </div>\r\n              ),\r\n              extra: () => slots.extra?.(),\r\n              footer: () => slots.footer?.(),\r\n              subTitle: () => slots.subTitle?.()\r\n            }}\r\n          </PageHeader>\r\n          <div class={contentStyle.value}>\r\n            {slots.default?.()}\r\n          </div>\r\n          {slots.bottomFooter ? (\r\n            <div class={footerStyle.value}>\r\n              {slots.bottomFooter?.()}\r\n            </div>\r\n          ) : null}\r\n        </Flex>\r\n      </Watermark>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","defineComponent","name","props","setup","slots","expose","useToken","theme","watermarkContent","ref","inject","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","bottomFooter","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","onBack","fullPath","go","onClosePage","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","footer","subTitle"],"mappings":"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"}
+{"version":3,"file":"Show.cjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  ComputedRef,\r\n  defineComponent,\r\n  inject,\r\n  ref\r\n} from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport {\r\n  Flex,\r\n  PageHeader,\r\n  theme,\r\n  Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst getProps = () => {\r\n  return {\r\n    close: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  };\r\n};\r\nconst show = defineComponent({\r\n  name: \"DShowLayout\",\r\n  props: getProps(),\r\n  setup(props, { slots, expose }) {\r\n    const { useToken } = theme;\r\n    const watermarkContent = ref(\r\n      inject(\"watermarkContent\", \"\")\r\n    );\r\n    const { token }: { token: ComputedRef<GlobalToken> } =\r\n      useToken();\r\n\r\n    const { layout, modeConfig, refresh } =\r\n      storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\r\n\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    const { y } = useWindowScroll();\r\n\r\n    const pageHeaderStyle = computed(\r\n      () => css`\r\n        position: sticky;\r\n        top: ${layout.value.headerHeight}px;\r\n        z-index: 10;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n        background-color: ${token.value.colorBgLayout};\r\n\r\n        ${y.value > 0\r\n          ? \"box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);\"\r\n          : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\r\n          margin-right: 0;\r\n\r\n          .ant-page-header-back-button {\r\n            height: 100%;\r\n            padding: 0 6px !important;\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .ant-page-header-heading-title {\r\n          font-size: 14px;\r\n        }\r\n      `\r\n    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px\r\n          ${slots.bottomFooter ? \"50px\" : \"0\"};\r\n        background: ${token.value.colorBgLayout};\r\n      `\r\n    );\r\n    const footerStyle = computed(\r\n      () => css`\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 0;\r\n        height: 50px;\r\n        left: ${layout.value.collapsed\r\n          ? layout.value.collapsedWidth\r\n          : layout.value.sideWidth}px;\r\n        z-index: 10;\r\n        padding: 10px;\r\n        background: ${modeConfig.value.mode !== \"light\"\r\n          ? token.value.colorBgContainer\r\n          : \"#fff\"};\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s\r\n          cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => (\r\n      <div>{route.meta.title || \"无标题\"}</div>\r\n    );\r\n    const ghost = ref(false);\r\n\r\n    const onBack = () => {\r\n      if (props.close) {\r\n        // 返回关闭标签\r\n        deleteTabs(route.fullPath);\r\n        router.go(-1);\r\n      } else {\r\n        // 不关闭标签\r\n        router.go(-1);\r\n      }\r\n    };\r\n\r\n    const onClosePage = () => {\r\n      refresh.value = true;\r\n      deleteTabs(route.fullPath);\r\n      router.go(-1);\r\n    };\r\n\r\n    expose({\r\n      close: onClosePage\r\n    });\r\n\r\n    return () => (\r\n      <Watermark content={watermarkContent.value}>\r\n        <Flex vertical={true}>\r\n          <PageHeader\r\n            ghost={ghost.value}\r\n            class={pageHeaderStyle.value}\r\n            onBack={() => onBack()}\r\n            title={pageTitle()}\r\n          >\r\n            {{\r\n              backIcon: () => (\r\n                <div>\r\n                  <LeftOutlined\r\n                    style={{ fontSize: \"26px\" }}\r\n                  />\r\n                </div>\r\n              ),\r\n              extra: () => slots.extra?.(),\r\n              footer: () => slots.footer?.(),\r\n              subTitle: () => slots.subTitle?.()\r\n            }}\r\n          </PageHeader>\r\n          <div class={contentStyle.value}>\r\n            {slots.default?.()}\r\n          </div>\r\n          {slots.bottomFooter ? (\r\n            <div class={footerStyle.value}>\r\n              {slots.bottomFooter?.()}\r\n            </div>\r\n          ) : null}\r\n        </Flex>\r\n      </Watermark>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","defineComponent","name","props","setup","slots","expose","useToken","theme","watermarkContent","ref","inject","token","layout","modeConfig","refresh","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","colorBgLayout","contentStyle","bottomFooter","footerStyle","collapsed","collapsedWidth","sideWidth","mode","colorBgContainer","pageTitle","_createVNode","meta","title","ghost","onBack","fullPath","go","onClosePage","Watermark","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","footer","subTitle"],"mappings":"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"}

package/dist/cjs/components/layout/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/layout/components/index.ts"],"sourcesContent":["import Menu from \"./menu/Menu\";\r\nimport type { App } from \"vue\";\r\n\r\nimport HeaderLayout from \"./layout/HeaderLayout.vue\";\r\nimport AppTheme from \"./layout/ThemeApp.vue\";\r\n\r\nMenu.install = function (app: App) {\r\n  app.component(Menu.name!, Menu);\r\n  return app;\r\n};\r\n\r\nHeaderLayout.install = function (app: App) {\r\n  app.component(\"DHeaderLayout\", HeaderLayout);\r\n  return app;\r\n};\r\n\r\nAppTheme.install = function (app: App) {\r\n  app.component(\"DAppTheme\", AppTheme);\r\n  return app;\r\n};\r\n\r\nexport { AppTheme, HeaderLayout, Menu };\r\n"],"names":["Menu","HeaderLayout","AppTheme"],"mappings":";;;;;;;;;AAMAA,YAAK,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACjC,EAAI,GAAA,CAAA,SAAA,CAAUA,YAAK,CAAA,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,wDAAa,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACzC,EAAI,GAAA,CAAA,SAAA,CAAU,iBAAiBA,wDAAY,CAAA;AAC3C,EAAO,OAAA,GAAA;AACT,CAAA;AAEAC,oDAAS,CAAA,OAAA,GAAU,SAAU,GAAU,EAAA;AACrC,EAAI,GAAA,CAAA,SAAA,CAAU,aAAaA,oDAAQ,CAAA;AACnC,EAAO,OAAA,GAAA;AACT,CAAA;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/layout/components/index.ts"],"sourcesContent":["import Menu from \"./menu/Menu\";\r\nimport type { App } from \"vue\";\r\n\r\nimport HeaderLayout from \"./layout/HeaderLayout.vue\";\r\nimport AppTheme from \"./layout/ThemeApp.vue\";\r\n\r\nMenu.install = function (app: App) {\r\n  app.component(Menu.name!, Menu);\r\n  return app;\r\n};\r\n\r\nHeaderLayout.install = function (app: App) {\r\n  app.component(\"DHeaderLayout\", HeaderLayout);\r\n  return app;\r\n};\r\n\r\nAppTheme.install = function (app: App) {\r\n  app.component(\"DAppTheme\", AppTheme);\r\n  return app;\r\n};\r\n\r\nexport { AppTheme, HeaderLayout, Menu };\r\n"],"names":["Menu","HeaderLayout","AppTheme"],"mappings":";;;;;;;;;AAMAA,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,wDAAA,CAAa,OAAA,GAAU,SAAU,GAAA,EAAU;AACzC,EAAA,GAAA,CAAI,SAAA,CAAU,iBAAiBA,wDAAY,CAAA;AAC3C,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,oDAAA,CAAS,OAAA,GAAU,SAAU,GAAA,EAAU;AACrC,EAAA,GAAA,CAAI,SAAA,CAAU,aAAaA,oDAAQ,CAAA;AACnC,EAAA,OAAO,GAAA;AACT,CAAA;;;;;;"}

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

@@ -15,7 +15,29 @@ var Tab_vue_vue_type_script_setup_true_lang = require('../../../tab/Tab.vue2.cjs
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "HeaderLayout",
   setup(__props) {
-    const { layout, modeConfig, headerTokenStyle } = pinia.storeToRefs(store.useAppStore());
+    const pinia$1 = pinia.getActivePinia();
+    const appStore = pinia$1 ? store.useAppStore() : null;
+    const defaultLayout = {
+      sideWidth: 200,
+      headerHeight: 44,
+      collapsedWidth: 80,
+      collapsed: false
+    };
+    const defaultModeConfig = {
+      mode: "light",
+      list: [
+        { value: "light", label: "\u4EAE\u8272" },
+        { value: "dark", label: "\u6DF1\u8272" },
+        { value: "os", label: "\u8DDF\u968F\u7CFB\u7EDF" }
+      ]
+    };
+    const defaultHeaderTokenStyle = {
+      bgColor: "#1677ff",
+      txtColor: "#fff"
+    };
+    const layout = appStore ? pinia.storeToRefs(appStore).layout : vue.ref(defaultLayout);
+    const modeConfig = appStore ? pinia.storeToRefs(appStore).modeConfig : vue.ref(defaultModeConfig);
+    const headerTokenStyle = appStore ? pinia.storeToRefs(appStore).headerTokenStyle : vue.ref(defaultHeaderTokenStyle);
     const {
       headerStyle,
       headerTabStyle,

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 {\r\n  MenuFoldOutlined,\r\n  MenuUnfoldOutlined\r\n} 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, modeConfig, headerTokenStyle } =\r\n  storeToRefs(useAppStore());\r\nconst {\r\n  headerStyle,\r\n  headerTabStyle,\r\n  collapsedStyle,\r\n  rightStyle\r\n} = 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> } =\r\n    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      z-index: 1;\r\n      background-color: ${modeConfig.value.mode !== \"light\"\r\n        ? token.value.colorBgContainer\r\n        : headerTokenStyle.value.bgColor};\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      color: ${modeConfig.value.mode === \"light\"\r\n        ? headerTokenStyle.value.txtColor\r\n        : \"inherit\"};\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, 'app-header-layout']\">\r\n    <div\r\n      :class=\"collapsedStyle\"\r\n      @click=\"layout.collapsed = !layout.collapsed\"\r\n    >\r\n      <menu-unfold-outlined\r\n        v-if=\"layout.collapsed\"\r\n        class=\"trigger\"\r\n      />\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":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,EAAE,MAAQ,EAAA,UAAA,EAAY,kBAC1B,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,WAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,QACE,QAAS,EAAA;AAEb,IAAA,SAAS,QAKP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAAC,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GACZ,QAAS,EAAA;AAEX,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;AAAA,wBAKgB,EAAA,UAAA,CAAW,MAAM,IAAS,KAAA,OAAA,GAC1C,MAAM,KAAM,CAAA,gBAAA,GACZ,gBAAiB,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,YAAA,EAC1B,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,aAAA,EAOK,WAAW,KAAM,CAAA,IAAA,KAAS,UAC/B,gBAAiB,CAAA,KAAA,CAAM,WACvB,SAAS,CAAA;AAAA,IAAA;AAAA,OAEjB;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, ref } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { getActivePinia, storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n  MenuFoldOutlined,\r\n  MenuUnfoldOutlined\r\n} 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\n// 检查 Pinia 是否可用\r\nconst pinia = getActivePinia();\r\nconst appStore = pinia ? useAppStore() : null;\r\n\r\n// 提供默认值当 Pinia 不可用时\r\nconst defaultLayout = {\r\n  sideWidth: 200,\r\n  headerHeight: 44,\r\n  collapsedWidth: 80,\r\n  collapsed: false\r\n};\r\n\r\nconst defaultModeConfig = {\r\n  mode: \"light\",\r\n  list: [\r\n    { value: \"light\", label: \"亮色\" },\r\n    { value: \"dark\", label: \"深色\" },\r\n    { value: \"os\", label: \"跟随系统\" }\r\n  ]\r\n};\r\n\r\nconst defaultHeaderTokenStyle = {\r\n  bgColor: \"#1677ff\",\r\n  txtColor: \"#fff\"\r\n};\r\n\r\nconst layout = appStore ? storeToRefs(appStore).layout : ref(defaultLayout);\r\nconst modeConfig = appStore ? storeToRefs(appStore).modeConfig : ref(defaultModeConfig);\r\nconst headerTokenStyle = appStore ? storeToRefs(appStore).headerTokenStyle : ref(defaultHeaderTokenStyle);\r\n\r\nconst {\r\n  headerStyle,\r\n  headerTabStyle,\r\n  collapsedStyle,\r\n  rightStyle\r\n} = 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> } =\r\n    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      z-index: 1;\r\n      background-color: ${modeConfig.value.mode !== \"light\"\r\n        ? token.value.colorBgContainer\r\n        : headerTokenStyle.value.bgColor};\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      color: ${modeConfig.value.mode === \"light\"\r\n        ? headerTokenStyle.value.txtColor\r\n        : \"inherit\"};\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, 'app-header-layout']\">\r\n    <div\r\n      :class=\"collapsedStyle\"\r\n      @click=\"layout.collapsed = !layout.collapsed\"\r\n    >\r\n      <menu-unfold-outlined\r\n        v-if=\"layout.collapsed\"\r\n        class=\"trigger\"\r\n      />\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":["pinia","getActivePinia","useAppStore","storeToRefs","ref","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle","_createElementBlock","_unref","_createElementVNode","_createBlock","MenuUnfoldOutlined","MenuFoldOutlined","_createVNode","Tab","_renderSlot"],"mappings":"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"}