Commit 5fa1973c authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

feat: start to do 'Rating'

parent 4cd886e7

src/App.vue

+2 −0
Original line number Diff line number Diff line
@@ -109,6 +109,7 @@ import ArrowsVerticalIcon from '@stories/icons/Mono/ArrowsVerticalIcon.vue'; 
import TriangleIcon from '@stories/icons/Mono/TriangleIcon.vue';

import Playground from '@/Playground.vue';

import ArrowShortDownIcon from '@stories/icons/Mono/ArrowShortDownIcon.vue';

import StarIcon from '@stories/icons/Mono/StarIcon.vue';



const gentleIcons = {

  Age18Icon,
@@ -212,6 +213,7 @@ const gentleIcons = { 
  SaveIcon,

  SearchIcon,

  SettingsIcon,

  StarIcon,

  SortDownIcon,

  SortHorizontalIcon,

  SortUpIcon,

src/Playground.vue

+2 −2
Original line number Diff line number Diff line
@@ -216,7 +216,7 @@ const knob = ref(0); 
    show-all-lines

    :columns="tableColumns"

    darknessTextColor="500"

    :data="tableData"

    v-model="tableData"

    fontSize="36px"

    theme="black"

    stripedRows
@@ -225,7 +225,7 @@ const knob = ref(0); 
    show-all-lines

    :columns="tableColumns"

    darknessTextColor="500"

    :data="tableData"

    v-model="tableData"

    fontSize="20px"

    theme="black"

    stripedRows

src/common/constants/icons.ts

+7 −5
Original line number Diff line number Diff line
@@ -109,6 +109,7 @@ import SortUpIcon from '@stories/icons/Mono/SortUpIcon.vue'; 
import SortVerticalIcon from '@stories/icons/Mono/SortVerticalIcon.vue';

import ArrowShortDownIcon from '@stories/icons/Mono/ArrowShortDownIcon.vue';

import SearchIcon from '@stories/icons/Mono/SearchIcon.vue';

import StarIcon from '@stories/icons/Mono/StarIcon.vue';



export const iconsSet: Record<string, Component> = {

  Age18: Age18Icon,
@@ -210,12 +211,13 @@ export const iconsSet: Record<string, Component> = { 
  Plus: PlusIcon,

  Pointer: PointerIcon,

  Save: SaveIcon,

  SearchIcon,

  Search: SearchIcon,

  Settings: SettingsIcon,

  SortDownIcon,

  SortHorizontalIcon,

  SortUpIcon,

  SortVerticalIcon,

  Star: StarIcon,

  SortDown: SortDownIcon,

  SortHorizontal: SortHorizontalIcon,

  SortUp: SortUpIcon,

  SortVertical: SortVerticalIcon,

  Table: TableIcon,

  Trash: TrashIcon,

  Triangle: TriangleIcon,

src/common/interfaces/common.ts

+1 −1
Original line number Diff line number Diff line 
import type { iconsSet } from '@/common/constants/icons';



export type TIcons = keyof typeof iconsSet;

export type TIcon = keyof typeof iconsSet;



export type TThemeColor =

  | 'white'

src/common/interfaces/componentsProp.ts

+7 −7
Original line number Diff line number Diff line 
import type { TDarkness, TIcons, TPosition, TTextStyle, TThemeColor } from '@interfaces/common';

import type { TDarkness, TIcon, TPosition, TTextStyle, TThemeColor } from '@interfaces/common';



export interface ITableColumn {

  name: string;
@@ -34,8 +34,8 @@ export interface ITreeItem { 
  color?: TThemeColor;

  textStyle?: TTextStyle;

  isTriangleToColor?: boolean;

  iconBefore?: TIcons;

  iconAfter?: TIcons;

  iconBefore?: TIcon;

  iconAfter?: TIcon;

  iconColor?: TThemeColor;

  children?: ITreeItem[];

  darknessColor?: TDarkness;
@@ -66,8 +66,8 @@ export interface ISelectOption { 
  value: string;

  label?: string;

  group?: string;

  iconLeft?: TIcons;

  iconRight?: TIcons;

  iconLeft?: TIcon;

  iconRight?: TIcon;

  iconLeftColor?: TThemeColor;

  iconRightColor?: TThemeColor;

  color?: TThemeColor;
@@ -81,8 +81,8 @@ export interface ISelectGroup { 
  nameColor?: TThemeColor;

  background?: TThemeColor;

  items?: ISelectOption[];

  iconLeft?: TIcons;

  iconRight?: TIcons;

  iconLeft?: TIcon;

  iconRight?: TIcon;

  iconLeftColor?: TThemeColor;

  iconRightColor?: TThemeColor;

}