@mc-markets/ui 1.0.37 → 1.0.38

package/packages/styles/variables.scss

@@ -11,7 +11,7 @@
   // 自定义颜色变量
   $colors: (
     'primary': (
-      'base': red,
+      'base': #FFD905,
     ),
     'success': (
       'base': #34A88B ,
@@ -26,6 +26,12 @@
       'base': #585660,
     ),
   ),
+  $text-color: (
+    'primary': #303133,
+    'regular': red,
+    'secondary': #909399,
+    'placeholder': #C0C4CC,
+  ),
   // 自定义字体大小
   $font-size: (
     'extra-large': 20px,
@@ -42,7 +48,7 @@
     'round': 20px,
     'circle': 100%,
   ),
-  
+  $border-color-hover:var(--text-brand),
   // 自定义阴影
   $box-shadow: (
     'base': (
@@ -63,12 +69,13 @@
   $common-component-size: (
     'large': 40px,
     'default': 48px,
-    'small': 24px,
+    'small': 40px,
   )
 );
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use 'element-plus/theme-chalk/src/dark/css-vars.scss';
 
+
 // 导入项目变量
 @use './variables/border-mode.css';
 @use './variables/color-modes-dark.css';
@@ -77,81 +84,12 @@
 @use './variables/spacing-mode.css';
 @use './variables/typography-desktop.css';
 
-// // 生成CSS变量
-// :root{
-//   --el-component-size-large: 40px;
-//   --el-component-size: 48px;
-//   --el-component-size-small: 24px;
-// }
-// :root.dark {
-//   // 主色调
-//   --el-color-primary: #FFD905;
-//   --el-color-primary-light-3: #FFE855;
-//   --el-color-primary-light-5: #FFED7A;
-//   --el-color-primary-light-7: #FFF2A0;
-//   --el-color-primary-light-8: #FFF5B3;
-//   --el-color-primary-light-9: #FFF9D9;
-//   --el-color-primary-dark-2: #E6C300;
-  
-//   // 成功色
-//   --el-color-success: #34A88B;
-//   --el-color-success-light-3: #5BB89E;
-//   --el-color-success-light-5: #7CC7B1;
-//   --el-color-success-light-7: #9DD6C4;
-//   --el-color-success-light-8: #B3E0D2;
-//   --el-color-success-light-9: #D9F0E8;
-//   --el-color-success-dark-2: #2A8A73;
-  
-//   // 警告色
-//   --el-color-warning: #FFA61F;
-//   --el-color-warning-light-3: #FFB84D;
-//   --el-color-warning-light-5: #FFC973;
-//   --el-color-warning-light-7: #FFD999;
-//   --el-color-warning-light-8: #FFE2B3;
-//   --el-color-warning-light-9: #FFF0D9;
-//   --el-color-warning-dark-2: #E6940C;
-  
-//   // 危险色
-//   --el-color-danger: #f14654;
-//   --el-color-danger-light-3: #F46B77;
-//   --el-color-danger-light-5: #F78A94;
-//   --el-color-danger-light-7: #FAA9B1;
-//   --el-color-danger-light-8: #FBC2C8;
-//   --el-color-danger-light-9: #FDE0E3;
-//   --el-color-danger-dark-2: #D63A47;
-  
-//   // 信息色
-//   --el-color-info: #585660;
-//   --el-color-info-light-3: #7A7A82;
-//   --el-color-info-light-5: #96969C;
-//   --el-color-info-light-7: #B2B2B6;
-//   --el-color-info-light-8: #C6C6C9;
-//   --el-color-info-light-9: #E0E0E2;
-//   --el-color-info-dark-2: #46464E;
-  
-//   // 字体大小
-//   --el-font-size-extra-large: 20px;
-//   --el-font-size-large: 18px;
-//   --el-font-size-medium: 16px;
-//   --el-font-size-base: 14px;
-//   --el-font-size-small: 12px;
-//   --el-font-size-extra-small: 10px;
-  
-//   // 圆角
-//   --el-border-radius-base: 8px;
-//   --el-border-radius-small: 4px;
-//   --el-border-radius-round: 20px;
-//   --el-border-radius-circle: 100%;
-  
-//   // 间距
-//   --el-spacing-base: 16px;
-//   --el-spacing-small: 8px;
-//   --el-spacing-large: 24px;
 
-//   // 边框
+html.dark{
+  --el-text-color-regular: var(--text-white);
+  --el-disabled-border-color:rgba(255, 255, 255, 0);
+  --el-border-color-light:var(--border-primary);
+  --el-popover-border-radius:8px;
 
-//   // 
-//   --el-component-size-large: 40px;
-//   --el-component-size: 48px;
-//   --el-component-size-small: 24px;
-// }
+  --el-text-color-placeholder:var(--text-tertiary);
+}

package/dist/components/Alert/Alert.vue.d.ts

@@ -1,18 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Alert/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Alert } from './Alert.vue';
-export { Alert };
-export default Alert;

package/dist/components/Banner/Banner.vue.d.ts

@@ -1,18 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Banner/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Banner } from './Banner.vue';
-export { Banner };
-export default Banner;

package/dist/components/DatePicker/DatePicker.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/DatePicker/index.d.ts

@@ -1,3 +0,0 @@
-import { default as DatePicker } from './DatePicker.vue';
-export { DatePicker };
-export default DatePicker;

package/dist/components/Dialog/index.vue.d.ts

@@ -1,51 +0,0 @@
-interface DialogParam {
-    modelValue: boolean;
-    attrs?: Object;
-    title?: string;
-    width?: number | string;
-    draggable?: boolean;
-    showConfirmButton?: boolean;
-    showCancelButton?: boolean;
-    confirmButtonText?: string;
-    cancelButtonText?: string;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {
-            close: () => void;
-            titleId: string;
-            titleClass: string;
-        }): any;
-        default?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<DialogParam, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    close: (...args: any[]) => void;
-    confirm: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<DialogParam> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-    onConfirm?: (...args: any[]) => any;
-}>, {
-    modelValue: boolean;
-    title: string;
-    width: number | string;
-    draggable: boolean;
-    showConfirmButton: boolean;
-    showCancelButton: boolean;
-    confirmButtonText: string;
-    cancelButtonText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Empty/Empty.vue.d.ts

@@ -1,19 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        image?(_: {}): any;
-        description?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Empty/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Empty } from './Empty.vue';
-export { Empty };
-export default Empty;

package/dist/components/Icon/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Icon } from './Icon.vue';
-export * from './types';
-export { iconList } from './types';

package/dist/components/Icon/types.d.ts

@@ -1,35 +0,0 @@
-export type IconName = 'withdraw' | 'deposit' | 'switch-camera' | 'receipt' | 'shield-check' | 'id-card' | 'user-round' | 'log-out' | 'arrow-right-left' | 'clipboard-minus' | 'chart-pie' | 'receipt-text' | 'brush-cleaning' | 'arrow-down-to-line' | 'circle-check-filled' | 'square-check' | 'square-check-empty' | 'photosolid' | 'customized' | 'customize-newspaper' | 'bell-ring' | 'eye' | 'bitcoin-convert' | 'ellipsis-vertical' | 'circle-help' | 'gift' | 'circle' | 'circle-dollar-sign' | 'chrome' | 'alarm' | 'refresh-cw' | 'search' | 'alert-circle' | 'graph-filled' | 'star-filled' | 'lucide-x' | 'plus' | 'map-pin' | 'loader-circle' | 'image' | 'lucide-image' | 'lucide-history' | 'key-round' | 'copy' | 'headset' | 'circle-x' | 'circle-user' | 'globe' | 'compass' | 'eye-off' | 'layout-grid' | 'heart-handshake' | 'credit-card' | 'earth' | 'linear-trash' | 'tabler_wallet_outline' | 'pig-money' | 'wallet-filled' | 'star-outline' | 'trending-up-down' | 'monitor' | 'graph-outline' | 'home-filled' | 'lucidecoins' | 'square-pen' | 'adjustments-horizontal' | 'home-outline' | 'user-cog' | 'minus' | 'circle-check' | 'customize-speakerphone' | 'book-open-text' | 'bitcoin-convert-filled' | 'calendar-clock' | 'check' | 'repeat-circle' | 'chevron-up' | 'customize-safe' | 'chevron-right' | 'bitcoin-convert-utline' | 'arrow-left-right' | 'customize' | 'lucide-check' | 'arrow-down-narrow-wide' | 'money-send' | 'chevron-left' | 'chevron-down';
-export type IconFlip = 'horizontal' | 'vertical' | 'both';
-export type IconSize = string | number;
-export type IconColor = string;
-export interface IconProps {
-    name: IconName;
-    size?: IconSize;
-    color?: IconColor;
-    spin?: boolean;
-    pulse?: boolean;
-    rotate?: number;
-    flip?: IconFlip;
-    prefix?: string;
-}
-export interface IconEvents {
-    click: [event: MouseEvent];
-}
-export interface IconConfig {
-    prefix: string;
-    fontFamily: string;
-    baseSize: string;
-    baseColor: string;
-}
-export declare const defaultIconConfig: IconConfig;
-export interface IconInfo {
-    name: string;
-    unicode: string;
-    unicodeDecimal: number;
-    fontClass: string;
-    description?: string;
-}
-export declare const iconList: IconInfo[];
-export declare function getIconInfo(name: IconName): IconInfo | undefined;
-export declare function getIconByUnicode(unicode: string): IconInfo | undefined;
-export declare function searchIcons(keyword: string): IconInfo[];

package/dist/components/Notification/Notification.vue.d.ts

@@ -1,18 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Notification/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Notification } from './Notification.vue';
-export { Notification };
-export default Notification;

package/dist/components/Pagination/Pagination.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Pagination/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Pagination } from './Pagination.vue';
-export { Pagination };
-export default Pagination;

package/dist/components/Tab/Tab.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tab/TabPane.vue.d.ts

@@ -1,18 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        label?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tooltips/Tooltips.vue.d.ts

@@ -1,18 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        content?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tooltips/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Tooltips } from './Tooltips.vue';
-export { Tooltips };
-export default Tooltips;

package/dist/index.d.ts

@@ -1,24 +0,0 @@
-import { App } from 'vue';
-import { default as TDDialog } from './components/Dialog/index.vue';
-import { Icon } from './components/Icon';
-import { default as Tab } from './components/Tab/Tab.vue';
-import { default as TabPane } from './components/Tab/TabPane.vue';
-import { Alert } from './components/Alert';
-import { Notification } from './components/Notification';
-import { DatePicker } from './components/DatePicker';
-import { Pagination } from './components/Pagination';
-import { Banner } from './components/Banner';
-import { Empty } from './components/Empty';
-import { Tooltips } from './components/Tooltips';
-export { TDDialog, Icon, Tab, TabPane, Alert, Notification, DatePicker, Pagination, Banner, Empty, Tooltips };
-export * from './styles/theme-config';
-export { default as variables } from './styles/variables.scss?inline';
-export { default as styles } from './styles/index.scss?inline';
-interface McMarketsUI {
-    version: string;
-    author: string;
-    description: string;
-    install: (app: App) => void;
-}
-declare const mcMarketsUI: McMarketsUI;
-export default mcMarketsUI;