@dt-frames/ui 1.0.52 → 2.0.1

package/es/theme/tabs/hooks/useMultifyTabs.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from 'vue';
-import type { Options } from 'sortablejs';
-export declare function initAffixTabs(): string[];
-export declare function useSortable(el: HTMLElement | Ref<HTMLElement>, options?: Options): {
-    initSortable: () => void;
-};
-export declare function useTabsDrag(affixList: string[]): void;

package/es/theme/tabs/hooks/useTabDropdown.d.ts

@@ -1,6 +0,0 @@
-import { DropMenu } from "../types/tabs.type";
-export declare function useTabDropdown(): {
-    getDropMenuList: import("vue").ComputedRef<DropMenu[]>;
-    handleContext: (e: any) => void;
-    handleMenuEvent: (item: DropMenu) => void;
-};

package/es/theme/tabs/index.less

@@ -1,165 +0,0 @@
-@multiple-height: 30px;
-@component-background: #fff;
-
-.dt-reuse-tabs{
-    line-height: 32px;
-    height: 33px;
-    border-bottom: 1px solid #e7e7e7;
-
-    .ant-tabs-small {
-        height: calc(@multiple-height + 2px);
-    }
-
-    .ant-tabs-card{
-        .ant-tabs-nav{
-            padding-top: 2px;
-            height: calc(@multiple-height + 2px);
-            margin: 0;
-            background-color: @component-background;
-            border: 0;
-            box-shadow: none;
-
-            &::before{
-                border: none;
-            }
-
-            .ant-tabs-nav-container {
-                height: @multiple-height;
-                padding-top: 2px;
-            }
-        }
-    }
-    
-    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab{
-        height: calc(@multiple-height - 2px);
-        padding-right: 12px;
-        line-height: calc(@multiple-height - 2px);
-        color: @text-color-base;
-        background-color: @component-background;
-        transition: none;
-
-        span{
-            font-size: 12px;
-        }
-
-        &:hover {
-            .ant-tabs-tab-remove {
-                opacity: 1;
-            }
-        }
-
-        .ant-tabs-tab-remove{
-            width: 8px;
-            height: 28px;
-            font-size: 12px;
-            color: inherit;
-            opacity: 0;
-            transition: none;
-            margin-left: 2px;
-            margin-right: -4px;
-
-            &:hover {
-                svg {
-                    width: 0.8em !important;
-                }
-            }
-            
-            svg {
-                fill: @text-color-base;
-            }
-        }
-
-        .ant-tabs-tab:not(.ant-tabs-tab-active) {
-            &:hover {
-                color: @primary-color;
-            }
-        }
-    }
-
-    .ant-tabs-tab-active {
-        position: relative;
-        padding-left: 18px;
-        background: @primary-color !important;
-        border: 0;
-        transition: none;
-
-        span {
-          color: @white !important;
-        }
-
-        .ant-tabs-tab-remove {
-          opacity: 1;
-        }
-
-        svg {
-            width: 0.7em;
-            fill: @white !important;
-        }
-    }
-
-    .ant-tabs-nav > div:nth-child(1) {
-        padding: 0 6px;
-  
-        .ant-tabs-tab {
-          margin-right: 3px !important;
-        }
-    }
-
-    .ant-tabs-tab:not(.ant-tabs-tab-active) {
-        border: 1px solid #d9d9d9 !important;
-        .anticon-close {
-            font-size: 12px;
-        
-            svg {
-                width: 0.6em;
-            }
-        }
-    }
-
-    .ant-dropdown-trigger {
-        display: inline-flex;
-    }
-    
-    &--hide-close {
-        .ant-tabs-tab-remove {
-            opacity: 0 !important;
-        }
-    }
-
-    .reuse-tab-quick, .dt-tab-redo{
-        display: inline-block;
-        width: 36px;
-        height: calc(@multiple-height + 6px);
-        line-height: calc(@multiple-height + 6px);
-        margin-top: -2px;
-        color: rgba(0,0,0,0.73);
-        text-align: center;
-        cursor: pointer;
-        border-left: 1px solid #d9d9d9;
-  
-        &:hover {
-          color: #333;
-        }
-    }
-
-}
-
-.reuse-tabs__dropdown{
-    .ant-dropdown-content {
-        width: 172px;
-        li > span{
-            display: flex;
-        }
-
-        .dt-icon{
-            width: 24px;
-            display: inline-block;
-        }
-
-        .ant-dropdown-menu-item-disabled{
-            .dt-icon{
-                opacity: 0.6;
-            }
-        }
-    }
-}

package/es/theme/tabs/types/tabs.type.d.ts

@@ -1,7 +0,0 @@
-export declare type DropMenu = {
-    onClick: () => void;
-    icon: string;
-    text: string;
-    disabled?: boolean;
-    divider?: boolean;
-};

package/es/theme/theme.less

@@ -1,73 +0,0 @@
-@import './header/index.less';
-@import './sider/index.less';
-@import './tabs/index.less';
-@import './footer/index.less';
-@import './transition.less';
-@import '../components/icons/index.less';
-@import '../components/container/index.less';
-
-@page-bg-color: #f0f2f5;
-
-.dt-theme{
-    width: 100%;
-    height: 100%;
-
-    .fixedWrap{
-        .scrollbar__view{
-            height: 100%;
-        }
-    }
-
-    .dt-layout-content{
-        position: relative;
-        flex: 1 1 auto;
-        min-height: 0;
-        overflow-x: hidden;
-
-        // 固定宽度模式
-        &.fixed{
-            width: 100%;
-            padding: 0 calc((100% - 1200px) / 2);
-        }
-
-        .ant-layout-content{
-            height: 100%;
-            .dt-page{
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-                padding: 12px;
-                background: @page-bg-color;
-                max-height: 100%;
-                overflow: hidden;
-                .basic-form--search{
-                    background: #fff;
-                    padding: 15px 30px 0;
-                    border-radius: 2px;
-                    &>div{
-                        border-bottom: 1px dashed #e7e7e7;
-                    }
-                }
-
-                .dt-table{
-                    padding: 6px 20px;
-                    border-radius: 2px;
-                    background: #fff;
-                }
-                .ant-table-wrapper{
-                    flex: 1;
-                    height: 0;
-
-                    .ant-spin-nested-loading{
-                        height: 100%;
-                    }
-                }
-            }
-        }
-    }
-}
-
-.ant-menu-dark .ant-menu-submenu-title:focus-visible {
-    box-shadow: none;
-}
-

package/es/theme/transition.less

@@ -1,105 +0,0 @@
-/** zoom-fade */
-.zoom-fade-enter-active,
-.zoom-fade-leave-active {
-  transition: transform 0.2s, opacity 0.3s ease-out;
-}
-
-.zoom-fade-enter-from {
-  opacity: 0;
-  transform: scale(0.92);
-}
-
-.zoom-fade-leave-to {
-  opacity: 0;
-  transform: scale(1.06);
-}
-
-
-/** zoom-out */
-.zoom-out-enter-active,
-.zoom-out-leave-active {
-  transition: opacity 0.1 ease-in-out, transform 0.15s ease-out;
-}
-
-.zoom-out-enter-from,
-.zoom-out-leave-to {
-  opacity: 0;
-  transform: scale(0);
-}
-
-// fade
-.fade-transition {
-    &-enter-active,
-    &-leave-active {
-      transition: opacity 0.2s ease-in-out;
-    }
-  
-    &-enter-from,
-    &-leave-to {
-      opacity: 0;
-    }
-}
-
-.fade-leave-active {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-  
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.2s ease-in-out;
-}
-  
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-
-/* fade-slide */
-.fade-slide-leave-active,
-.fade-slide-enter-active {
-    transition: all 0.3s;
-}
-
-.fade-slide-enter-from {
-    opacity: 0;
-    transform: translateX(-30px);
-}
-
-.fade-slide-leave-to {
-    opacity: 0;
-    transform: translateX(30px);
-}
-
-/** fade-bottom */
-.fade-bottom-enter-active,
-.fade-bottom-leave-active {
-  transition: opacity 0.25s, transform 0.3s;
-}
-
-.fade-bottom-enter-from {
-  opacity: 0;
-  transform: translateY(-10%);
-}
-
-.fade-bottom-leave-to {
-  opacity: 0;
-  transform: translateY(10%);
-}
-
-// fade-scale
-.fade-scale-leave-active,
-.fade-scale-enter-active {
-  transition: all 0.28s;
-}
-
-.fade-scale-enter-from {
-  opacity: 0;
-  transform: scale(1.2);
-}
-
-.fade-scale-leave-to {
-  opacity: 0;
-  transform: scale(0.8);
-}

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>dt-ui</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/index.ts"></script>
-  </body>
-</html>

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "lib": ["esnext", "DOM", "DOM.Iterable"],
-    "jsx": "preserve",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "baseUrl": "./",
-    "resolveJsonModule": true,
-    "declaration": true,
-    "sourceMap": true,
-    "outDir": "./es",
-    "removeComments": true,
-    "esModuleInterop": true, // 同时打包出cjs 和 esm, 暂时先打包成esm就够用了
-    "strict": false,
-    "strictNullChecks": false,
-    "noImplicitOverride": true,
-    "skipLibCheck": true,
-    "noImplicitAny": false
-  },
-  "include": [
-    "src/**/*.ts", 
-    "src/**/*.vue", 
-    "src/**/*.tsx", 
-    "src/index.ts",
-    "vite.config.js"
-  ]
-}

package/vite.config.js

@@ -1,10 +0,0 @@
-import { defineConfig } from 'vite'
-import { ithinkDt } from '@dt-frames/plugins'
-
-export default defineConfig({
-	plugins: [
-		ithinkDt({
-			lib: true
-		})
-	],
-})