@oinone/kunlun-theme 6.4.2 → 7.1.0

package/src/style/dark-minimalism/ai-chat/chat-bubbles.ts

@@ -0,0 +1,4 @@
+export const ChatBubblesCssVars = {
+  'bubble-background-color': 'var(--oio-body-background)',
+  'bubble-user-background-color': 'var(--oio-body-background)'
+};

package/src/style/dark-minimalism/ai-chat/conversation.ts

@@ -0,0 +1,6 @@
+export const ConversationCssVars = {
+  config: {
+    backgroundImage: 'AIChartBg-dark.png'
+  }
+  //TODO 黑色模式颜色
+};

package/src/style/dark-minimalism/ai-chat/index.ts

@@ -0,0 +1,13 @@
+import { ChatBubblesCssVars } from './chat-bubbles';
+import { ConversationCssVars } from './conversation';
+
+export const component = 'ai-chat';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  ...ChatBubblesCssVars,
+  ...ConversationCssVars,
+  config: {
+    ...ConversationCssVars.config
+  }
+};

package/src/style/dark-minimalism/component-theme.ts

@@ -20,8 +20,10 @@ import {
   smallTabsSizeVars,
   smallTreeSelectSizeVars
 } from '../../size';
+import { component as AiChat, cssVars as AiChatCSSVars } from './ai-chat';
 import { component as AppSwitch, cssVars as AppSwitchCSSVars } from './app-switch/app-switch';
 import { component as Button, cssVars as ButtonCSSVars } from './button';
+import { component as Card, cssVars as CardCSSVars } from './card/card';
 import { component as Checkbox, cssVars as checkboxCSSVars } from './checkbox/checkbox';
 import { component as Drawer, cssVars as DrawerCSSVars } from './drawer/drawer';
 import { component as Dropdown, cssVars as DropdownCSSVars } from './dropdown';
@@ -39,141 +41,150 @@ import { component as Select, cssVars as SelectCSSVars } from './select/select';
 import { component as Switch, cssVars as switchCSSVars } from './switch/switch';
 import { component as Table, cssVars as TableCSSVars } from './table/table';
 import { component as Tabs, cssVars as TabsCSSVars } from './tabs/tabs';
+import { component as Tag, cssVars as TagCSSVars } from './tag';
 import { component as Textarea, cssVars as TextareaCSSVars } from './textarea/textarea';
 import { component as Transfer, cssVars as TransferCSSVars } from './transfer/transfer';
 import { component as TreeSelect } from './tree-select/tree-select';
 import { component as Upload, cssVars as UploadCSSVars } from './upload/upload';
-import { component as Card, cssVars as CardCSSVars } from './card/card';
-export const getComponentTheme = () => {
-  return {
-    [MultiTab]: {
-      large: { ...MultiTabCSSVars },
-      medium: { ...MultiTabCSSVars },
-      small: { ...MultiTabCSSVars }
-    },
-    [Button]: {
-      large: ButtonCSSVars,
-      medium: ButtonCSSVars,
-      small: ButtonCSSVars
-    },
-    [Input]: {
-      large: {
-        ...InputCSSVars,
-        ...largeInputSizeVars
-      },
-      medium: {
-        ...InputCSSVars,
-        ...mediumInputSizeVars
-      },
-      small: {
-        ...InputCSSVars,
-        ...mediumInputSizeVars
-      }
-    },
-    [Checkbox]: {
-      large: { ...checkboxCSSVars },
-      medium: { ...checkboxCSSVars },
-      small: { ...checkboxCSSVars }
-    },
-    [Switch]: {
-      large: { ...switchCSSVars },
-      medium: { ...switchCSSVars },
-      small: { ...switchCSSVars }
-    },
-    [Pagination]: {
-      large: { ...PaginationCSSVars, ...largePaginationSizeVars },
-      medium: { ...PaginationCSSVars, ...mediumPaginationSizeVars },
-      small: { ...PaginationCSSVars, ...smallPaginationSizeVars }
-    },
-    [Select]: {
-      large: { ...SelectCSSVars, ...largeSelectSizeVars },
-      medium: { ...SelectCSSVars, ...mediumSelectSizeVars },
-      small: { ...SelectCSSVars, ...smallSelectSizeVars }
-    },
-    [Textarea]: {
-      large: TextareaCSSVars,
-      medium: TextareaCSSVars,
-      small: TextareaCSSVars
-    },
-    [Upload]: {
-      large: UploadCSSVars,
-      medium: UploadCSSVars,
-      small: UploadCSSVars
-    },
-    [Menu]: {
-      large: { ...MenuCSSVars(), ...largeMenuSizeVars },
-      medium: { ...MenuCSSVars(), ...mediumMenuSizeVars },
-      small: { ...MenuCSSVars(), ...smallMenuSizeVars }
-    },
-    [AppSwitch]: {
-      large: AppSwitchCSSVars,
-      medium: AppSwitchCSSVars,
-      small: AppSwitchCSSVars
-    },
-    [Table]: {
-      large: { ...TableCSSVars, ...largeTableSizeVars },
-      medium: { ...TableCSSVars, ...mediumTableSizeVars },
-      small: { ...TableCSSVars, ...smallTableSizeVars }
-    },
-    [Header]: {
-      large: HeaderCSSVars,
-      medium: HeaderCSSVars,
-      small: HeaderCSSVars
-    },
-    [Modal]: {
-      large: ModalCSSVars,
-      medium: ModalCSSVars,
-      small: ModalCSSVars
-    },
-    [Popconfirm]: {
-      large: PopconfirmCSSVars,
-      medium: PopconfirmCSSVars,
-      small: PopconfirmCSSVars
-    },
-    [TreeSelect]: {
-      large: largeTreeSelectSizeVars,
-      medium: mediumTreeSelectSizeVars,
-      small: smallTreeSelectSizeVars
-    },
-    [Transfer]: {
-      large: TransferCSSVars,
-      medium: TransferCSSVars,
-      small: TransferCSSVars
-    },
-    [Scrollbar]: {
-      large: ScrollbarCSSVars,
-      medium: ScrollbarCSSVars,
-      small: ScrollbarCSSVars
-    },
-    [Drawer]: {
-      large: DrawerCSSVars,
-      medium: DrawerCSSVars,
-      small: DrawerCSSVars
-    },
-    [Dropdown]: {
-      large: DropdownCSSVars,
-      medium: DropdownCSSVars,
-      small: DropdownCSSVars
-    },
-    [FormItem]: {
-      large: FormItemCSSVars,
-      medium: FormItemCSSVars,
-      small: FormItemCSSVars
-    },
-    [RichText]: {
-      large: RichTextCSSVars,
-      medium: RichTextCSSVars,
-      small: RichTextCSSVars
-    },
-    [Tabs]: {
-      large: { ...largeTabsSizeVars, ...TabsCSSVars },
-      medium: { ...mediumTabsSizeVars, ...TabsCSSVars },
-      small: { ...smallTabsSizeVars, ...TabsCSSVars }
-    },
-    [Card]: {
-      large: CardCSSVars,
-      medium: CardCSSVars,
-      small: CardCSSVars
+
+export const getComponentTheme = () => ({
+  [MultiTab]: {
+    large: MultiTabCSSVars,
+    medium: MultiTabCSSVars,
+    small: MultiTabCSSVars
+  },
+  [Button]: {
+    large: ButtonCSSVars,
+    medium: ButtonCSSVars,
+    small: ButtonCSSVars
+  },
+  [Input]: {
+    large: {
+      ...InputCSSVars,
+      ...largeInputSizeVars
+    },
+    medium: {
+      ...InputCSSVars,
+      ...mediumInputSizeVars
+    },
+    small: {
+      ...InputCSSVars,
+      ...mediumInputSizeVars
     }
-  };
-};
+  },
+  [Checkbox]: {
+    large: checkboxCSSVars,
+    medium: checkboxCSSVars,
+    small: checkboxCSSVars
+  },
+  [Switch]: {
+    large: switchCSSVars,
+    medium: switchCSSVars,
+    small: switchCSSVars
+  },
+  [Pagination]: {
+    large: { ...PaginationCSSVars, ...largePaginationSizeVars },
+    medium: { ...PaginationCSSVars, ...mediumPaginationSizeVars },
+    small: { ...PaginationCSSVars, ...smallPaginationSizeVars }
+  },
+  [Select]: {
+    large: { ...SelectCSSVars, ...largeSelectSizeVars },
+    medium: { ...SelectCSSVars, ...mediumSelectSizeVars },
+    small: { ...SelectCSSVars, ...smallSelectSizeVars }
+  },
+  [Textarea]: {
+    large: TextareaCSSVars,
+    medium: TextareaCSSVars,
+    small: TextareaCSSVars
+  },
+  [Upload]: {
+    large: UploadCSSVars,
+    medium: UploadCSSVars,
+    small: UploadCSSVars
+  },
+  [Menu]: {
+    large: { ...MenuCSSVars(), ...largeMenuSizeVars },
+    medium: { ...MenuCSSVars(), ...mediumMenuSizeVars },
+    small: { ...MenuCSSVars(), ...smallMenuSizeVars }
+  },
+  [AppSwitch]: {
+    large: AppSwitchCSSVars,
+    medium: AppSwitchCSSVars,
+    small: AppSwitchCSSVars
+  },
+  [Table]: {
+    large: { ...TableCSSVars, ...largeTableSizeVars },
+    medium: { ...TableCSSVars, ...mediumTableSizeVars },
+    small: { ...TableCSSVars, ...smallTableSizeVars }
+  },
+  [Header]: {
+    large: HeaderCSSVars,
+    medium: HeaderCSSVars,
+    small: HeaderCSSVars
+  },
+  [Modal]: {
+    large: ModalCSSVars,
+    medium: ModalCSSVars,
+    small: ModalCSSVars
+  },
+  [Popconfirm]: {
+    large: PopconfirmCSSVars,
+    medium: PopconfirmCSSVars,
+    small: PopconfirmCSSVars
+  },
+  [TreeSelect]: {
+    large: largeTreeSelectSizeVars,
+    medium: mediumTreeSelectSizeVars,
+    small: smallTreeSelectSizeVars
+  },
+  [Transfer]: {
+    large: TransferCSSVars,
+    medium: TransferCSSVars,
+    small: TransferCSSVars
+  },
+  [Scrollbar]: {
+    large: ScrollbarCSSVars,
+    medium: ScrollbarCSSVars,
+    small: ScrollbarCSSVars
+  },
+  [Drawer]: {
+    large: DrawerCSSVars,
+    medium: DrawerCSSVars,
+    small: DrawerCSSVars
+  },
+  [Dropdown]: {
+    large: DropdownCSSVars,
+    medium: DropdownCSSVars,
+    small: DropdownCSSVars
+  },
+  [FormItem]: {
+    large: FormItemCSSVars,
+    medium: FormItemCSSVars,
+    small: FormItemCSSVars
+  },
+  [RichText]: {
+    large: RichTextCSSVars,
+    medium: RichTextCSSVars,
+    small: RichTextCSSVars
+  },
+  [Tabs]: {
+    large: { ...largeTabsSizeVars, ...TabsCSSVars },
+    medium: { ...mediumTabsSizeVars, ...TabsCSSVars },
+    small: { ...smallTabsSizeVars, ...TabsCSSVars }
+  },
+  [Card]: {
+    large: CardCSSVars,
+    medium: CardCSSVars,
+    small: CardCSSVars
+  },
+  [Tag]: {
+    large: TagCSSVars,
+    medium: TagCSSVars,
+    small: TagCSSVars
+  },
+  [AiChat]: {
+    large: AiChatCSSVars,
+    medium: AiChatCSSVars,
+    small: AiChatCSSVars
+  }
+});

package/src/style/dark-minimalism/registry.ts

@@ -1,7 +1,7 @@
 import { darkModernVars } from '../../color';
 import { registerTheme } from '../../register';
 import { defaultLargeSizeVars, defaultMediumSizeVars, defaultSmallSizeVars } from '../../size';
-import { ThemeSize } from '../../typing';
+import type { ThemeSize } from '../../typing';
 import { getComponentTheme } from './component-theme';
 
 function registerComponentThemeWithBase(baseCssVars) {

package/src/style/dark-minimalism/tag/index.ts

@@ -0,0 +1,6 @@
+export const component = 'tag';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  'background-color': '#2e415e'
+};

package/src/style/default/ai-chat/chat-bubbles.ts

@@ -0,0 +1,4 @@
+export const ChatBubblesCssVars = {
+  'bubble-background-color': '#fff',
+  'bubble-user-background-color': '#e7f0ff'
+};

package/src/style/default/ai-chat/conversation.ts

@@ -0,0 +1,6 @@
+export const ConversationCssVars = {
+  config: {
+    backgroundImage: 'AIChartBg-light.png'
+  },
+  background: '#f9fafb'
+};

package/src/style/default/ai-chat/index.ts

@@ -0,0 +1,13 @@
+import { ChatBubblesCssVars } from './chat-bubbles';
+import { ConversationCssVars } from './conversation';
+
+export const component = 'ai-chat';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  ...ChatBubblesCssVars,
+  ...ConversationCssVars,
+  config: {
+    ...ConversationCssVars.config
+  }
+};

package/src/style/default/component-theme.ts

@@ -20,8 +20,10 @@ import {
   smallTabsSizeVars,
   smallTreeSelectSizeVars
 } from '../../size';
+import { component as AiChat, cssVars as AiChatCSSVars } from './ai-chat';
 import { component as AppSwitch, cssVars as AppSwitchCSSVars } from './app-switch/app-switch';
 import { component as Button, cssVars as ButtonCSSVars } from './button';
+import { component as Card, cssVars as CardCSSVars } from './card/card';
 import { component as Checkbox, cssVars as CheckboxCSSVars } from './checkbox/checkbox';
 import { component as Datetime, cssVars as DatetimeCSSVars } from './datetime/datetime';
 import { component as Drawer, cssVars as DrawerCSSVars } from './drawer/drawer';
@@ -40,11 +42,11 @@ import { component as Select, cssVars as SelectCSSVars } from './select/select';
 import { component as Switch, cssVars as SwitchCSSVars } from './switch/switch';
 import { component as Table, cssVars as TableCSSVars } from './table/table';
 import { component as Tabs, cssVars as TabsCSSVars } from './tabs/tabs';
+import { component as Tag, cssVars as TagCSSVars } from './tag';
 import { component as Textarea, cssVars as TextareaCSSVars } from './textarea/textarea';
 import { component as Transfer, cssVars as TransferCSSVars } from './transfer/transfer';
 import { component as TreeSelect } from './tree-select/tree-select';
 import { component as Upload, cssVars as UploadCSSVars } from './upload/upload';
-import { component as Card, cssVars as CardCSSVars } from './card/card';
 
 export const getComponentTheme = () => ({
   [MultiTab]: {
@@ -180,5 +182,15 @@ export const getComponentTheme = () => ({
     large: CardCSSVars,
     medium: CardCSSVars,
     small: CardCSSVars
+  },
+  [Tag]: {
+    large: TagCSSVars,
+    medium: TagCSSVars,
+    small: TagCSSVars
+  },
+  [AiChat]: {
+    large: AiChatCSSVars,
+    medium: AiChatCSSVars,
+    small: AiChatCSSVars
   }
 });

package/src/style/default/registry.ts

@@ -1,5 +1,5 @@
 import { registerTheme } from '../../register';
-import { ThemeSize } from '../../typing';
+import type { ThemeSize } from '../../typing';
 import { getComponentTheme } from './component-theme';
 
 import { defaultVars } from '../../color/default-vars';

package/src/style/default/tag/index.ts

@@ -0,0 +1,6 @@
+export const component = 'tag';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  'background-color': '#e6ecff'
+};

package/src/style/default-minimalism/ai-chat/chat-bubbles.ts

@@ -0,0 +1,4 @@
+export const ChatBubblesCssVars = {
+  'bubble-background-color': '#fff',
+  'bubble-user-background-color': '#e7f0ff'
+};

package/src/style/default-minimalism/ai-chat/conversation.ts

@@ -0,0 +1,6 @@
+export const ConversationCssVars = {
+  config: {
+    backgroundImage: 'AIChartBg-light.png'
+  },
+  background: '#f9fafb'
+};

package/src/style/default-minimalism/ai-chat/index.ts

@@ -0,0 +1,13 @@
+import { ChatBubblesCssVars } from './chat-bubbles';
+import { ConversationCssVars } from './conversation';
+
+export const component = 'ai-chat';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  ...ChatBubblesCssVars,
+  ...ConversationCssVars,
+  config: {
+    ...ConversationCssVars.config
+  }
+};

package/src/style/default-minimalism/component-theme.ts

@@ -20,8 +20,10 @@ import {
   smallTabsSizeVars,
   smallTreeSelectSizeVars
 } from '../../size';
+import { component as AiChat, cssVars as AiChatCSSVars } from './ai-chat';
 import { component as AppSwitch, cssVars as AppSwitchCSSVars } from './app-switch/app-switch';
 import { component as Button, cssVars as ButtonCSSVars } from './button';
+import { component as Card, cssVars as CardCSSVars } from './card/card';
 import { component as Checkbox, cssVars as CheckboxCSSVars } from './checkbox/checkbox';
 import { component as Datetime, cssVars as DatetimeCSSVars } from './datetime/datetime';
 import { component as Drawer, cssVars as DrawerCSSVars } from './drawer/drawer';
@@ -40,11 +42,11 @@ import { component as Select, cssVars as SelectCSSVars } from './select/select';
 import { component as Switch, cssVars as SwitchCSSVars } from './switch/switch';
 import { component as Table, cssVars as TableCSSVars } from './table/table';
 import { component as Tabs, cssVars as TabsCSSVars } from './tabs/tabs';
+import { component as Tag, cssVars as TagCSSVars } from './tag';
 import { component as Textarea, cssVars as TextareaCSSVars } from './textarea/textarea';
 import { component as Transfer, cssVars as TransferCSSVars } from './transfer/transfer';
 import { component as TreeSelect } from './tree-select/tree-select';
 import { component as Upload, cssVars as UploadCSSVars } from './upload/upload';
-import { component as Card, cssVars as CardCSSVars } from './card/card';
 
 export const getComponentTheme = () => ({
   [MultiTab]: {
@@ -180,5 +182,15 @@ export const getComponentTheme = () => ({
     large: CardCSSVars,
     medium: CardCSSVars,
     small: CardCSSVars
+  },
+  [Tag]: {
+    large: TagCSSVars,
+    medium: TagCSSVars,
+    small: TagCSSVars
+  },
+  [AiChat]: {
+    large: AiChatCSSVars,
+    medium: AiChatCSSVars,
+    small: AiChatCSSVars
   }
 });

package/src/style/default-minimalism/registry.ts

@@ -1,5 +1,5 @@
 import { registerTheme } from '../../register';
-import { ThemeSize } from '../../typing';
+import type { ThemeSize } from '../../typing';
 import { getComponentTheme } from './component-theme';
 
 import { defaultModernVars } from '../../color';

package/src/style/default-minimalism/tag/index.ts

@@ -0,0 +1,6 @@
+export const component = 'tag';
+
+export const cssVars = {
+  color: 'var(--oio-primary-color)',
+  'background-color': '#e6ecff'
+};

package/rollup.config.js

@@ -1,4 +0,0 @@
-import pkg from './package.json';
-import rollupConfig from '../../scripts/build.config.js';
-
-export default rollupConfig(pkg.name, ['@oinone/kunlun-config']);