@ditari/bsui 5.0.4 → 5.0.6

package/dist/esm/components/layout/List.mjs

@@ -1,6 +1,6 @@
 import { isVNode, defineComponent, computed, onMounted, ref, nextTick, watch, onUnmounted, onActivated, onDeactivated, createVNode } from 'vue';
 import { useRoute } from 'vue-router';
-import { Flex, Card, Space } from 'ant-design-vue';
+import { Card, Flex, Space } from 'ant-design-vue';
 import { storeToRefs } from 'pinia';
 import { useElementSize } from '@vueuse/core';
 import { useAppStore } from '@ditari/store';
@@ -59,6 +59,19 @@ const list = /* @__PURE__ */ defineComponent({
     const cardStyle = css`
       box-shadow: none !important;
     `;
+    const leftCardStyle = css`
+      .ant-card-body {
+        overflow-y: scroll;
+        -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */
+        scrollbar-width: none; /* 对 Firefox 生效 */
+
+        /* Webkit 浏览器 */
+
+        ::-webkit-scrollbar {
+          display: none;
+        }
+      }
+    `;
     const listStyle = computed(() => css``);
     onMounted(() => {
       playTableHeight();
@@ -125,29 +138,27 @@ const list = /* @__PURE__ */ defineComponent({
         });
       }
     }
-    return () => {
-      let _slot;
-      return createVNode(Flex, {
-        "vertical": true,
-        "class": listStyle.value,
-        "style": {
-          height: "100%",
-          padding: "24px"
-        }
-      }, {
-        default: () => [slots.form && createVNode(Card, {
-          "class": cardStyle,
-          "ref": formRef,
-          "style": {
-            marginBottom: "20px"
-          },
-          "bodyStyle": {
-            padding: "24px 24px 0 24px"
-          },
-          "bordered": false
-        }, _isSlot(_slot = slots.form()) ? _slot : {
-          default: () => [_slot]
-        }), createVNode(Flex, {
+    function useLayout() {
+      function formLayout() {
+        return () => {
+          let _slot;
+          return slots.form && createVNode(Card, {
+            "class": cardStyle,
+            "ref": formRef,
+            "style": {
+              marginBottom: "10px"
+            },
+            "bodyStyle": {
+              padding: "10px 10px 0 10px"
+            },
+            "bordered": false
+          }, _isSlot(_slot = slots.form()) ? _slot : {
+            default: () => [_slot]
+          });
+        };
+      }
+      function tableLayout() {
+        return () => createVNode(Flex, {
           "flex": 1,
           "vertical": true
         }, {
@@ -200,9 +211,37 @@ const list = /* @__PURE__ */ defineComponent({
               })]
             })]
           })]
+        });
+      }
+      return createVNode(Flex, {
+        "class": listStyle.value,
+        "gap": 10,
+        "style": {
+          height: "100%",
+          padding: "10px"
+        }
+      }, {
+        default: () => [slots.left ? createVNode(Card, {
+          "class": [cardStyle, leftCardStyle],
+          "bordered": false,
+          "bodyStyle": {
+            height: "100%",
+            padding: "10px"
+          }
+        }, {
+          default: () => {
+            var _a;
+            return [(_a = slots.left) == null ? void 0 : _a.call(slots)];
+          }
+        }) : null, createVNode(Flex, {
+          "vertical": true,
+          "flex": 1
+        }, {
+          default: () => [formLayout()(), tableLayout()()]
         })]
       });
-    };
+    }
+    return () => useLayout();
   }
 });
 

package/dist/esm/components/layout/List.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\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 { Card, Flex, Space } 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 route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, 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 listStyle = computed(() => css``);\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 } = 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    return () => (\r\n      <Flex\r\n        vertical={true}\r\n        class={listStyle.value}\r\n        style={{ height: \"100%\", padding: \"24px\" }}\r\n      >\r\n        {slots.form && (\r\n          <Card\r\n            class={cardStyle}\r\n            ref={formRef}\r\n            style={{ marginBottom: \"20px\" }}\r\n            bodyStyle={{ padding: \"24px 24px 0 24px\" }}\r\n            bordered={false}\r\n          >\r\n            {slots.form()}\r\n          </Card>\r\n        )}\r\n\r\n        <Flex flex={1} vertical={true}>\r\n          <Card\r\n            class={cardStyle}\r\n            style={{ height: \"100%\" }}\r\n            bodyStyle={{ height: \"100%\", padding: \"10px\" }}\r\n            bordered={false}\r\n          >\r\n            <Flex style={{ height: \"100%\" }} vertical={true}>\r\n              <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</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?.({ height: height.value })}\r\n                  </div>\r\n                </div>\r\n              </Flex>\r\n            </Flex>\r\n          </Card>\r\n        </Flex>\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","name","emits","setup","_","slots","emit","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","_useWatch","onUnmounted","onActivated","onDeactivated","val","_slot","_createVNode","Flex","padding","default","form","Card","marginBottom","Space","tools","table"],"mappings":"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"}
+{"version":3,"file":"List.mjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\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 { Card, Flex, Space } 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 route = useRoute();\r\n    const { refresh } = storeToRefs(useAppStore());\r\n    const { tableRef, height, tableVisible, 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(() => css``);\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 } = 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={{ height: \"100%\", padding: \"10px\" }}\r\n              bordered={false}\r\n            >\r\n              <Flex style={{ height: \"100%\" }} vertical={true}>\r\n                <Space style={{ marginBottom: \"6px\" }}>{slots.tools?.()}</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?.({ height: height.value })}\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        <Flex\r\n          class={listStyle.value}\r\n          gap={10}\r\n          style={{ height: \"100%\", padding: \"10px\" }}\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      );\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","name","emits","setup","_","slots","emit","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","computed","value","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$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","left"],"mappings":"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"}

package/dist/esm/components/layout/Show.mjs

@@ -114,9 +114,9 @@ const show = /* @__PURE__ */ defineComponent({
           }
         }), createVNode("div", {
           "class": contentStyle.value
-        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), createVNode("div", {
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), slots.showfooter ? createVNode("div", {
           "class": footerStyle.value
-        }, [(_b = slots.footer) == null ? void 0 : _b.call(slots)])];
+        }, [(_b = slots.showfooter) == null ? void 0 : _b.call(slots)]) : null];
       }
     });
   }

package/dist/esm/components/layout/Show.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Show.mjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import { computed, defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader } 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\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 { layout } = storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\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: 4px 24px;\r\n        transition: all 0.3s;\r\n\r\n        ${y.value > 0 ? \"box-shadow: 6px 0 10px  rgba(0, 0, 0, 0.15);\" : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\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    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px ${slots.footer ? \"70px\" : \"0\"};\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        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: #fff;\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => <div>{route.meta.title || \"无标题\"}</div>;\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      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      <Flex vertical={true}>\r\n        <PageHeader\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 style={{ fontSize: \"26px\" }} />\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}>{slots.default?.()}</div>\r\n        <div class={footerStyle.value}>{slots.footer?.()}</div>\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","name","props","setup","slots","expose","layout","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle"],"mappings":";;;;;;;;;;AAUA,MAAMA,WAAWA,MAAM;AACrB,EAAO,OAAA;AAAA,IACLC,KAAO,EAAA;AAAA,MACLC,IAAMC,EAAAA,OAAAA;AAAAA,MACNC,OAAS,EAAA;AAAA;AACX,GACF;AACF,CAAA;AACA,MAAMC,uBAAuB,eAAA,CAAA;AAAA,EAC3BC,IAAM,EAAA,aAAA;AAAA,EACNC,OAAOP,QAAS,EAAA;AAAA,EAChBQ,MAAMD,KAAO,EAAA;AAAA,IAAEE,KAAAA;AAAAA,IAAOC;AAAAA,GAAU,EAAA;AAC9B,IAAM,MAAA;AAAA,MAAEC;AAAAA,KAAO,GAAIC,WAAYC,CAAAA,WAAAA,EAAa,CAAA;AAC5C,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAeC,cAAe,EAAA;AACtC,IAAA,MAAMC,QAAQC,QAAS,EAAA;AACvB,IAAA,MAAMC,SAASC,SAAU,EAAA;AAEzB,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAAMC,eAAgB,EAAA;AAE9B,IAAMC,MAAAA,eAAAA,GAAkBC,SACtB,MAAMC,GAAAA;AAAAA;AAAAA,aAEGb,EAAAA,MAAAA,CAAOc,MAAMC,YAAY,CAAA;AAAA;AAAA;AAAA;;AAAA,QAAA,EAK9BN,CAAEK,CAAAA,KAAAA,GAAQ,CAAI,GAAA,8CAAA,GAAiD,EAAE;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAavE,CAAA,CAAA;AACA,IAAME,MAAAA,YAAAA,GAAeJ,SACnB,MAAMC,GAAAA;AAAAA,2BACiBf,EAAAA,KAAAA,CAAMmB,MAAS,GAAA,MAAA,GAAS,GAAG,CAAA;AAAA,MAEpD,CAAA,CAAA;AACA,IAAMC,MAAAA,WAAAA,GAAcN,SAClB,MAAMC,GAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAIIb,EAAAA,MAAAA,CAAOc,MAAMK,SACjBnB,GAAAA,MAAAA,CAAOc,MAAMM,cACbpB,GAAAA,MAAAA,CAAOc,MAAMO,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAO9B,CAAA,CAAA;AACA,IAAMC,MAAAA,SAAAA,GAAYA,MAAAC,WAAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAYlB,KAAMmB,CAAAA,IAAAA,CAAKC,KAAS,IAAA,oBAAK,CAAO,CAAA;AAC9D,IAAMC,MAAAA,KAAAA,GAAQC,IAAI,KAAK,CAAA;AAEvB,IAAA,MAAMC,SAASA,MAAM;AACnB,MAAA,IAAIhC,MAAMN,KAAO,EAAA;AAEfa,QAAAA,UAAAA,CAAWE,MAAMwB,QAAQ,CAAA;AACzBtB,QAAAA,MAAAA,CAAOuB,GAAG,CAAE,CAAA,CAAA;AAAA,OACP,MAAA;AAELvB,QAAAA,MAAAA,CAAOuB,GAAG,CAAE,CAAA,CAAA;AAAA;AACd,KACF;AAEA,IAAA,MAAMC,cAAcA,MAAM;AACxB5B,MAAAA,UAAAA,CAAWE,MAAMwB,QAAQ,CAAA;AACzBtB,MAAAA,MAAAA,CAAOuB,GAAG,CAAE,CAAA,CAAA;AAAA,KACd;AAEA/B,IAAO,MAAA,CAAA;AAAA,MACLT,KAAOyC,EAAAA;AAAAA,KACR,CAAA;AAED,IAAO,OAAA,MAAAR,YAAAS,IAAA,EAAA;AAAA,MAAA,UACW,EAAA;AAAA,KAAI,EAAA;AAAA,MAAAvC,SAAAA,MAAA8B;AA/F1B,QAAA,IAAA,EAAA,EAAA,EAAA;AA+F0BA,QAAAA,OAAAA,CAAAA,YAAAU,UAAA,EAAA;AAAA,UAAA,SAETtB,eAAgBG,CAAAA,KAAAA;AAAAA,UAAK,QAAA,EACpBc,MAAMA,MAAO,EAAA;AAAA,UAAC,SACfN,SAAU;AAAA,SAAC,EAAA;AAAA,UAGhBY,UAAUA,MAAAX,WAAAA,CAAAA,OAAAA,IAAAA,EAAAA,CAAAA,YAAAY,YAAA,EAAA;AAAA,YAAA,OAEe,EAAA;AAAA,cAAEC,QAAU,EAAA;AAAA;AAAO,WAAC,EAE5C,IAAA,CAAA,CAAA,CAAA;AAAA,UACDC,OAAOA,MAAA;AA3GnB,YAAAC,IAAAA,GAAAA;AA2GyBxC,YAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMuC,KAANvC,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,WAAAA;AAAAA,UACbmB,QAAQA,MAAA;AA5GpB,YAAAqB,IAAAA,GAAAA;AA4G0BxC,YAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMmB,MAANnB,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,WAAAA;AAAAA,UACdyC,UAAUA,MAAA;AA7GtB,YAAAD,IAAAA,GAAAA;AA6G4BxC,YAAAA,OAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMyC,QAANzC,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA;AAAAA,SAAkB,CAAAyB,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,SAG1BP,YAAaF,CAAAA;AAAAA,SAAK,EAAA,EAAGhB,EAAML,GAAAA,KAAAA,CAAAA,OAAAA,KAANK,8BAAiB,IAAAyB,YAAA,KAAA,EAAA;AAAA,UAAA,SACtCL,WAAYJ,CAAAA;AAAAA,WAAK,CAAGhB,CAAAA,EAAAA,GAAAA,KAAAA,CAAMmB,MAANnB,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAgB,CAAA,CAAA,CAAA;AAAA;AAAA,KAEnD,CAAA;AAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"Show.mjs","sources":["../../../../src/components/layout/Show.tsx"],"sourcesContent":["import { computed, defineComponent, ref } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { Flex, PageHeader } 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\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 { layout } = storeToRefs(useAppStore());\r\n    const { deleteTabs } = useNavTabStore();\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: 4px 24px;\r\n        transition: all 0.3s;\r\n\r\n        ${y.value > 0 ? \"box-shadow: 6px 0 10px  rgba(0, 0, 0, 0.15);\" : \"\"}\r\n        .ant-page-header-back {\r\n          height: 100%;\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    );\r\n    const contentStyle = computed(\r\n      () => css`\r\n        padding: 10px 10px ${slots.footer ? \"70px\" : \"0\"};\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        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: #fff;\r\n        box-shadow: 6px 0 10px rgba(0, 0, 0, 0.15);\r\n        transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      `\r\n    );\r\n    const pageTitle = () => <div>{route.meta.title || \"无标题\"}</div>;\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      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      <Flex vertical={true}>\r\n        <PageHeader\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 style={{ fontSize: \"26px\" }} />\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}>{slots.default?.()}</div>\r\n        {slots.showfooter ? (\r\n          <div class={footerStyle.value}>{slots.showfooter?.()}</div>\r\n        ) : null}\r\n      </Flex>\r\n    );\r\n  }\r\n});\r\n\r\nexport default show;\r\n"],"names":["getProps","close","type","Boolean","default","show","name","props","setup","slots","expose","layout","storeToRefs","useAppStore","deleteTabs","useNavTabStore","route","useRoute","router","useRouter","y","useWindowScroll","pageHeaderStyle","computed","css","value","headerHeight","contentStyle","footer","footerStyle","collapsed","collapsedWidth","sideWidth","pageTitle","_createVNode","meta","title","ghost","ref","onBack","fullPath","go","onClosePage","Flex","PageHeader","backIcon","LeftOutlined","fontSize","extra","_a","subTitle","showfooter"],"mappings":"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"}

package/dist/esm/components/tab/Tab.vue2.mjs

@@ -78,7 +78,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       );
       const onChange2 = (key) => {
         if (key !== route.path) {
-          const rs = list2.value.filter((item) => item.path === key)[0];
+          const rs = list2.value.filter((item) => item.fullPath === key)[0];
           router.push(rs);
         }
       };

package/dist/esm/components/tab/Tab.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, ref, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\r\nimport { 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 { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();\r\n\r\nconst { activeKey, list, onChange, onClose } = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const activeTabColor = computed(() => token.value.colorBgLayout);\r\n  const splitColor = computed(() => token.value.colorBorderSecondary);\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      background: ${token.value.colorBgContainer};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(item => item.path === key)[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = ($event: Event, key: string | undefined) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div class=\"tab-hover-bg\" :class=\"tabHoverBgStyle\"></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">{{ item.meta?.title || \"无标题\" }}</div>\r\n            <div class=\"tab-close\">\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["tabsNavStyle","tabHoverBgStyle","closeBtnStyle","list","activeKey","onChange","onClose"],"mappings":"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"}
+{"version":3,"file":"Tab.vue2.mjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport Search from \"./Search\";\r\nimport { CloseOutlined } from \"@ant-design/icons-vue\";\r\nimport { 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 { tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();\r\n\r\nconst { activeKey, list, onChange, onClose } = useTab();\r\n\r\nfunction useStyle(): {\r\n  tabsNavStyle: ComputedRef<string>;\r\n  tabHoverBgStyle: ComputedRef<string>;\r\n  closeBtnStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const activeTabColor = computed(() => token.value.colorBgLayout);\r\n  const splitColor = computed(() => token.value.colorBorderSecondary);\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      --active-tab-color: ${activeTabColor.value};\r\n      --splitColor: ${splitColor.value};\r\n      background: ${token.value.colorBgContainer};\r\n      padding-top: 10px;\r\n      display: flex;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTab() {\r\n  const route = useRoute();\r\n  const router = useRouter();\r\n\r\n  const store = useNavTabStore();\r\n  const { list, activeKey } = storeToRefs(store);\r\n  const { save, deleteTabs } = store;\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    () => {\r\n      save(route);\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  watch(\r\n    () => route.fullPath,\r\n    val => {\r\n      activeKey.value = val;\r\n    },\r\n    {\r\n      immediate: true\r\n    }\r\n  );\r\n\r\n  const onChange = (key: string) => {\r\n    if (key !== route.path) {\r\n      // 匹配打开的标签路由数据\r\n      const rs = list.value.filter(item => item.fullPath === key)[0];\r\n      router.push(rs);\r\n    }\r\n  };\r\n\r\n  const onClose = ($event: Event, key: string | undefined) => {\r\n    if (!key) return;\r\n    //阻止冒泡\r\n    $event.stopPropagation();\r\n    // 删除标签\r\n    deleteTabs(key);\r\n    // 重新push已打开的路由\r\n    const backRoute = list.value[list.value.length - 1];\r\n    if (backRoute.fullPath) {\r\n      router.push(backRoute.fullPath);\r\n    }\r\n  };\r\n\r\n  return {\r\n    activeKey,\r\n    list,\r\n    onChange,\r\n    onClose\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <Search />\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs\r\n        size=\"small\"\r\n        v-model:activeKey=\"activeKey\"\r\n        type=\"card\"\r\n        hide-add\r\n        @change=\"onChange\"\r\n      >\r\n        <a-tab-pane\r\n          :key=\"item.fullPath\"\r\n          :closable=\"false\"\r\n          v-for=\"item in list\"\r\n          :class=\"{ active: activeKey === item.fullPath }\"\r\n        >\r\n          <template #tab>\r\n            <div class=\"tab-hover-bg\" :class=\"tabHoverBgStyle\"></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">{{ item.meta?.title || \"无标题\" }}</div>\r\n            <div class=\"tab-close\">\r\n              <div\r\n                class=\"close-btn\"\r\n                :class=\"closeBtnStyle\"\r\n                @click=\"onClose($event, item.fullPath)\"\r\n              >\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["tabsNavStyle","tabHoverBgStyle","closeBtnStyle","list","activeKey","onChange","onClose"],"mappings":"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"}

package/dist/esm/index.mjs

@@ -2,6 +2,8 @@ import * as index$1 from './components/index.mjs';
 export { default as Select } from './components/select/Select.vue2.mjs';
 export { default as Tab } from './components/tab/Tab.vue2.mjs';
 export { default as Table } from './components/table/Table.mjs';
+export { default as RangePicker } from './components/date/RangePicker.vue2.mjs';
+export { default as FormLayout } from './components/form/FormLayout.mjs';
 export { default as Moon } from './components/icon/Moon.vue.mjs';
 export { default as Sun } from './components/icon/Sun.vue.mjs';
 export { default as Layout } from './components/layout/Layout.vue2.mjs';

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\nconsole.log(components);\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<never, never, never> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;AAOA,OAAA,CAAQ,IAAIA,OAAU,CAAA;AAMT,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACnC,EAAA,MAAA,CAAO,IAAK,CAAAA,OAAU,CAAE,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACrC,IAAM,MAAA,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAS,GAAA,SAAA;AAEf,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA;AAChB,GACD,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/index.ts"],"sourcesContent":["import * as components from \"./components\";\r\nimport type { App, DefineComponent, Plugin } from \"vue\";\r\n\r\n// import { version } from \"../package.json\";\r\n\r\nexport * from \"./components\";\r\n\r\nconsole.log(components);\r\n// 定义组件类型，确保每个组件都可能具有 `install` 方法\r\ntype ComponentWithInstall = DefineComponent<never, never, never> & {\r\n  install?: (app: App) => void;\r\n};\r\n\r\nexport const install = (app: App) => {\r\n  Object.keys(components).forEach(key => {\r\n    const component = components[\r\n      key as keyof typeof components\r\n    ] as ComponentWithInstall;\r\n    // 类型断言，告诉 TypeScript component 可能是一个插件\r\n    const plugin = component as Plugin;\r\n    // 如果组件有 install 方法，则按插件安装\r\n    if (plugin.install) {\r\n      app.use(plugin);\r\n    }\r\n  });\r\n};\r\n\r\nexport default {\r\n  // version,\r\n  install\r\n};\r\n"],"names":["components"],"mappings":";;;;;;;;;;;;;AAOA,OAAA,CAAQ,IAAIA,OAAU,CAAA;AAMT,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACnC,EAAA,MAAA,CAAO,IAAK,CAAAA,OAAU,CAAE,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACrC,IAAM,MAAA,SAAA,GAAYA,QAChB,GACF,CAAA;AAEA,IAAA,MAAM,MAAS,GAAA,SAAA;AAEf,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,GAAA,CAAI,IAAI,MAAM,CAAA;AAAA;AAChB,GACD,CAAA;AACH;AAEA,YAAe;AAAA;AAAA,EAEb;AACF,CAAA;;;;"}

package/dist/style/index.scss

@@ -1,2 +1,9 @@
 @use "./components/tab/style" as *;
 @use "components/layout/components/settings/style" as *;
+
+html, body {
+  &::-webkit-scrollbar {
+    width: 0 !important;
+    display: none;
+  }
+}

package/dist/types/components/date/RangePicker.vue.d.ts

@@ -0,0 +1,293 @@
+import type { RangeValue } from "ant-design-vue/es/vc-picker/interface";
+import type { Dayjs } from "dayjs";
+import dayjs from "dayjs";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: ObjectConstructor;
+        required: true;
+        default: () => {};
+    };
+    startField: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    endField: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {
+    props: any;
+    emits: (event: "update:value" | "change", ...args: any[]) => void;
+    innerValue: import("vue").Ref<[{
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+    } | null, {
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+    } | null] | null, RangeValue<Dayjs> | [{
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+    } | null, {
+        clone: () => Dayjs;
+        isValid: () => boolean;
+        year: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        month: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        date: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        day: {
+            (): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            (value: number): Dayjs;
+        };
+        hour: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        minute: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        second: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        millisecond: {
+            (): number;
+            (value: number): Dayjs;
+        };
+        set: (unit: dayjs.UnitType, value: number) => Dayjs;
+        get: (unit: dayjs.UnitType) => number;
+        add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+        startOf: (unit: dayjs.OpUnitType) => Dayjs;
+        endOf: (unit: dayjs.OpUnitType) => Dayjs;
+        format: (template?: string) => string;
+        diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+        valueOf: () => number;
+        unix: () => number;
+        daysInMonth: () => number;
+        toDate: () => Date;
+        toJSON: () => string;
+        toISOString: () => string;
+        toString: () => string;
+        utcOffset: () => number;
+        isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        locale: {
+            (): string;
+            (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+        };
+    } | null]>;
+    handleChange: (dates: RangeValue<Dayjs>) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: ObjectConstructor;
+        required: true;
+        default: () => {};
+    };
+    startField: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    endField: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: Record<string, any>;
+    startField: string;
+    endField: string;
+    format: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=RangePicker.vue.d.ts.map

package/dist/types/components/date/RangePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/date/RangePicker.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA+CG,UAAU,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApC9C,wBAmEE"}

package/dist/types/components/date/index.d.ts

@@ -0,0 +1,3 @@
+import RangePicker from "./RangePicker.vue";
+export { RangePicker };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/date/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date/index.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAO5C,OAAO,EAAE,WAAW,EAAE,CAAC"}