@dt-frames/ui 1.0.1 → 1.0.4

package/src/theme/transition.less

@@ -0,0 +1,99 @@
+/** 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-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/es/assets/data/icon.d.ts

@@ -1,4 +0,0 @@
-export declare const pickIcons: {
-    type: string;
-    icons: string[];
-}[];

package/es/assets/data/icon.ts

@@ -1,69 +0,0 @@
-export const pickIcons = [
-    {
-        type: '操作',
-        icons: [
-            'ic:baseline-3d-rotation',
-            'ic:baseline-abc',
-            'ic:baseline-accessibility',
-            'ic:baseline-accessibility-new',
-            'ic:baseline-accessible',
-            'ic:baseline-accessible-forward',
-            'ic:baseline-account-balance',
-            'ic:baseline-account-balance-wallet',
-            'ic:baseline-account-box',
-            'ic:baseline-account-circle',
-            'ic:baseline-add-card',
-            'ic:baseline-add-shopping-cart',
-            'ic:baseline-add-task',
-            'ic:baseline-add-to-drive',
-            'ic:baseline-addchart',
-            'ic:baseline-admin-panel-settings',
-            'ic:baseline-ads-click',
-            'ic:baseline-alarm',
-            'ic:baseline-alarm-add',
-            'ic:baseline-alarm-off',
-            'ic:baseline-alarm-on',
-            'ic:baseline-all-inbox',
-            'ic:baseline-analytics',
-            'ic:baseline-anchor',
-            'ic:baseline-android',
-            'ic:baseline-announcement',
-            'ic:baseline-api',
-            'ic:baseline-app-blocking',
-            'ic:baseline-app-shortcut',
-            'ic:baseline-arrow-circle-down'
-        ]
-    }, {
-        type: '警告',
-        icons: [
-            'ic:baseline-add-alert',
-            'ic:baseline-auto-delete',
-            'ic:baseline-error',
-            'ic:baseline-error-outline',
-            'ic:baseline-notification-important',
-            'ic:baseline-warning',
-            'ic:baseline-warning-amber',
-            'ic:outline-add-alert',
-            'ic:outline-auto-delete',
-            'ic:outline-error',
-            'ic:outline-error-outline',
-            'ic:outline-notification-important',
-            'ic:outline-warning',
-            'ic:outline-warning-amber',
-            'ic:round-add-alert',
-            'ic:round-auto-delete',
-            'ic:round-error',
-            'ic:round-error-outline',
-            'ic:round-notification-important',
-            'ic:round-warning',
-            'ic:round-warning-amber',
-            'ic:sharp-add-alert',
-            'ic:sharp-auto-delete',
-            'ic:sharp-error',
-            'ic:sharp-error-outline',
-            'ic:sharp-notification-important',
-            'ic:sharp-warning',
-            'ic:sharp-warning-amber'
-        ]
-    }
-]

package/es/assets/data/icon11.ts

@@ -1,69 +0,0 @@
-export const pickIcons = [
-    {
-        type: '操作',
-        icons: [
-            'ic:baseline-3d-rotation',
-            'ic:baseline-abc',
-            'ic:baseline-accessibility',
-            'ic:baseline-accessibility-new',
-            'ic:baseline-accessible',
-            'ic:baseline-accessible-forward',
-            'ic:baseline-account-balance',
-            'ic:baseline-account-balance-wallet',
-            'ic:baseline-account-box',
-            'ic:baseline-account-circle',
-            'ic:baseline-add-card',
-            'ic:baseline-add-shopping-cart',
-            'ic:baseline-add-task',
-            'ic:baseline-add-to-drive',
-            'ic:baseline-addchart',
-            'ic:baseline-admin-panel-settings',
-            'ic:baseline-ads-click',
-            'ic:baseline-alarm',
-            'ic:baseline-alarm-add',
-            'ic:baseline-alarm-off',
-            'ic:baseline-alarm-on',
-            'ic:baseline-all-inbox',
-            'ic:baseline-analytics',
-            'ic:baseline-anchor',
-            'ic:baseline-android',
-            'ic:baseline-announcement',
-            'ic:baseline-api',
-            'ic:baseline-app-blocking',
-            'ic:baseline-app-shortcut',
-            'ic:baseline-arrow-circle-down'
-        ]
-    }, {
-        type: '警告',
-        icons: [
-            'ic:baseline-add-alert',
-            'ic:baseline-auto-delete',
-            'ic:baseline-error',
-            'ic:baseline-error-outline',
-            'ic:baseline-notification-important',
-            'ic:baseline-warning',
-            'ic:baseline-warning-amber',
-            'ic:outline-add-alert',
-            'ic:outline-auto-delete',
-            'ic:outline-error',
-            'ic:outline-error-outline',
-            'ic:outline-notification-important',
-            'ic:outline-warning',
-            'ic:outline-warning-amber',
-            'ic:round-add-alert',
-            'ic:round-auto-delete',
-            'ic:round-error',
-            'ic:round-error-outline',
-            'ic:round-notification-important',
-            'ic:round-warning',
-            'ic:round-warning-amber',
-            'ic:sharp-add-alert',
-            'ic:sharp-auto-delete',
-            'ic:sharp-error',
-            'ic:sharp-error-outline',
-            'ic:sharp-notification-important',
-            'ic:sharp-warning',
-            'ic:sharp-warning-amber'
-        ]
-    }
-]

package/es/assets/style/var.less

@@ -1,42 +0,0 @@
-/** ============================================
-*   可以对全局css进行覆盖
-*   可覆盖的ant-design-vue的css样式参照：
-*   https://github.com/vueComponent/ant-design-vue/blob/next/components/style/themes/default.less
-*
-*   同时，我们可以根据自己的需要自定义全局css变量
-**  ============================================*/
-:root{
-    --primary-color: #269ac1;
-}
-
-@primary-color: #269ac1;            // 主题色
-@text-color-base: #333;             // 文字默认颜色
-
-
-// 主题
-@content-bg: #f4f7f9;               // 内容背景
-
-
-// 头部
-// @header-bg-color: #fff;             // 头部背景色
-@header-height: 48px;                 // 头部高度
-@logo-width: 32px;                    // 小logo的宽度
-@layout-header-fixed-z-index: 10;     // fixed模式 头部z-index
-
-@header-light-bottom-border-color: #eee;    // 亮色底边框
-@header-light-bg-hover-color: rgba(0,0,0,0.05);      // 亮色按钮悬浮背景
-
-@header-dark-bg-hover-color: rgba(255,255,255,0.05);       // 暗色按钮悬浮背景
-
-@multiple-tab-fixed-z-index: 1;       // 路由复用z-index
-
-
-// 菜单
-@menu-bg-color: #001529;            // 背景
-@menu-sub-bg-color: #00061a;        // 子菜单背景
-@side-drag-z-index: 2000;             // 拖拽宽度元素索引.
-
-
-// 信息
-@error-color: #ED6F6F;              // 错误提示信息
-