@finmars/ui 1.0.36 → 1.0.38

package/dist/src/components/fm/VSelect/types.d.ts

@@ -0,0 +1,110 @@
+import { ComputedRef, Ref, VNode } from 'vue';
+interface ListItem<T = any> {
+    title: string;
+    props: {
+        [key: string]: any;
+        title: string;
+        value: any;
+    };
+    children?: ListItem<T>[];
+}
+export interface FmVSelectProps<T> {
+    appendIcon?: string;
+    bgColor?: string;
+    color?: string;
+    density: 'default' | 'comfortable' | 'compact';
+    chips?: boolean;
+    clearable?: boolean;
+    closableChips?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessages?: string | string[];
+    focused?: boolean;
+    hideDetails?: boolean;
+    hideNoData?: boolean;
+    hideSelected?: boolean;
+    hint?: string;
+    itemProps?: string | boolean;
+    items: T[];
+    itemTitle?: keyof T | string | any;
+    itemValue?: keyof T | string | any;
+    loading?: boolean;
+    menu?: boolean;
+    menuProps?: any;
+    messages?: string | string[];
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    width?: number | string;
+    modelValue?: T | T[keyof T] | any;
+    multiple?: boolean;
+    name?: string;
+    noDataText?: string;
+    openOnClear?: boolean;
+    placeholder?: string;
+    prependIcon?: string | any;
+    prependInnerIcon?: string | any;
+    readonly?: boolean;
+    returnObject?: boolean;
+    rounded?: string | number | boolean;
+    singleLine?: boolean;
+    tile?: boolean;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+}
+export interface FmVSelectEmits<T> {
+    (event: 'click:clear', value: MouseEvent): void;
+    (event: 'click:prepend', value: MouseEvent): void;
+    (event: 'click:prependInner', value: MouseEvent): void;
+    (event: 'click:selection', value: MouseEvent): void;
+    (event: 'update:focused', value: boolean): void;
+    (event: 'update:modelValue', value: T | T[keyof T] | unknown): void;
+}
+export interface FmVSelectSlots<T> {
+    'append-inner': (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    chip: (props: {
+        item: ListItem<T>;
+        index: number;
+        props: Record<string, any>;
+    }) => VNode;
+    clear: (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    details: (props: {
+        id: ComputedRef<string>;
+        messagesId: ComputedRef<string>;
+        isDirty: ComputedRef<boolean>;
+        isDisabled: ComputedRef<boolean>;
+        isReadonly: ComputedRef<boolean>;
+        isPristine: Ref<boolean>;
+        isValid: ComputedRef<boolean | null>;
+        isValidating: Ref<boolean>;
+    }) => VNode;
+    item: (props: {
+        item: ListItem<T>;
+        index: number;
+        props: Record<string, any>;
+    }) => VNode;
+    loader: (props: {
+        color?: string;
+        isActive: boolean;
+    }) => VNode;
+    message: (props: {
+        message: string;
+    }) => VNode;
+    'no-data': () => VNode;
+    'prepend-inner': (props: {
+        isActive: Ref<boolean>;
+        isFocused: Ref<boolean>;
+        controlRef: Ref<HTMLElement | undefined>;
+    }) => VNode;
+    selection: (props: {
+        item: ListItem<T>;
+        index: number;
+    }) => VNode;
+}
+export {};

package/dist/src/index.d.ts

@@ -3,6 +3,7 @@ import { default as FmBadge } from './components/fm/Badge/Badge.vue';
 import { default as FmButton } from './components/fm/Button/Button.vue';
 import { default as FmCheckbox } from './components/fm/Checkbox/Checkbox.vue';
 import { default as FmChip } from './components/fm/Chip/Chip.vue';
+import { FmChipProps, FmChipEmits, FmChipSlots } from './components/fm/Chip/types';
 import { default as FmDateEditor } from './components/fm/DateEditor/DateEditor.vue';
 import { default as FmDatePicker } from './components/fm/DatePicker/DatePicker.vue';
 import { default as FmIcon } from './components/fm/Icon/Icon.vue';
@@ -10,6 +11,7 @@ import { FmIconProps, FmIconSlots } from './components/fm/Icon/types';
 import { default as FmIconButton } from './components/fm/IconButton/IconButton.vue';
 import { default as FmItemPicker } from './components/fm/ItemPicker/ItemPicker.vue';
 import { default as FmLogo } from './components/fm/Logo/Logo.vue';
+import { default as FmMenuItem } from './components/fm/Menu/MenuItem.vue';
 import { default as FmMenu } from './components/fm/Menu/Menu.vue';
 import { default as FmNavigationPortal } from './components/fm/Navigation/NavigationPortal.vue';
 import { default as FmNavigation } from './components/fm/Navigation/Navigation.vue';
@@ -21,13 +23,17 @@ import { default as FmRadio } from './components/fm/Radio/Radio.vue';
 import { default as FmRadioGroup } from './components/fm/Radio/RadioGroup.vue';
 import { default as FmRangeSlider } from './components/fm/RangeSlider/RangeSlider.vue';
 import { default as FmSearch } from './components/fm/Search/Search.vue';
+import { default as FmVSelect } from './components/fm/VSelect/VSelect.vue';
+import { FmVSelectProps, FmVSelectEmits, FmVSelectSlots } from './components/fm/VSelect/types';
 import { default as FmSelect } from './components/fm/Select/Select.vue';
-import { FmSelectProps, FmSelectEmits, FmSelectSlots } from './components/fm/Select/types';
+import { default as FmSelectActivator } from './components/fm/Select/SelectActivator.vue';
+import { FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots } from './components/fm/Select/types';
 import { default as FmSlider } from './components/fm/Slider/Slider.vue';
 import { default as FmTextField } from './components/fm/TextField/TextField.vue';
 import { default as FmTooltip } from './components/fm/Tooltip/Tooltip.vue';
 import { default as FmHeader } from '../stories/Header.vue';
-export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmLogo, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSlider, FmTextField, FmTooltip, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectProps, FmSelectEmits, FmSelectSlots, };
+export * from './types';
+export { FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDatePicker, FmIcon, FmIconButton, FmItemPicker, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmChipProps, FmChipEmits, FmChipSlots, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots };
 /**
  * VUE plugin that registers all components
  *
@@ -52,6 +58,7 @@ declare module 'vue' {
         FmIconButton: typeof FmIconButton;
         FmItemPicker: typeof FmItemPicker;
         FmLogo: typeof FmLogo;
+        FmMenuItem: typeof FmMenuItem;
         FmMenu: typeof FmMenu;
         FmPagination: typeof FmPagination;
         FmProgressCircular: typeof FmProgressCircular;
@@ -61,8 +68,10 @@ declare module 'vue' {
         FmRangeSlider: typeof FmRangeSlider;
         FmSearch: typeof FmSearch;
         FmSelect: typeof FmSelect;
+        FmSelectActivator: typeof FmSelectActivator;
         FmSlider: typeof FmSlider;
         FmTextField: typeof FmTextField;
         FmTooltip: typeof FmTooltip;
+        FmVSelect: typeof FmVSelect;
     }
 }

package/dist/src/types/general.d.ts

@@ -0,0 +1,5 @@
+export interface FmComponentIcon {
+    icon: string;
+    size?: number | string;
+    color?: string;
+}

package/dist/src/types/index.d.ts

@@ -0,0 +1 @@
+export * from './general';

package/dist/src/utils/common.d.ts

@@ -0,0 +1,9 @@
+export declare function getRandomString(numOfChars: number): string;
+/**
+ * функция округления с заданной точностью
+ * @param num {number} - округляемое число
+ * @param precision {number} - точность округления (количество знаков после запятой
+ * указывается со знаком "-")
+ * @return {number} - скорректированная округленная десятичная дробь
+ */
+export declare function round(num: number, precision: number): number;

package/dist/src/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './common';

package/dist/themes.css

@@ -121,6 +121,8 @@
   --nv-95: #ffede8;
   --nv-99: #fffbfc;
   --nv-100: #fff;
+
+  --v-theme-overlay-multiplier: 1;
 }
 
 .light-theme {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finmars/ui",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "description": "",
   "scripts": {
     "dev": "vite dev --config vite.config.dev.js",
@@ -34,17 +34,17 @@
   "author": "Sergei Zhitenev",
   "license": "SEE LICENSE IN LICENSE.md",
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/addon-toolbars": "^8.3.6",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/manager-api": "^8.3.6",
-    "@storybook/test": "^8.3.6",
-    "@storybook/theming": "^8.3.6",
-    "@storybook/vue3": "^8.3.6",
-    "@storybook/vue3-vite": "^8.3.6",
+    "@chromatic-com/storybook": "^1.9.0",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-toolbars": "^8.4.2",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/manager-api": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
+    "@storybook/vue3": "^8.4.2",
+    "@storybook/vue3-vite": "^8.4.2",
     "@types/lodash": "^4.17.13",
     "@vuedx/typescript-plugin-vue": "^0.7.6",
     "autoprefixer": "^10.4.19",
@@ -59,11 +59,12 @@
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
     "sass-embedded": "^1.80.4",
-    "storybook": "^8.3.6",
+    "storybook": "^8.4.2",
     "tailwindcss": "^3.4.11",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-vue-devtools": "^7.6.4",
     "vue-tsc": "^2.1.10"
   },
   "dependencies": {
@@ -75,6 +76,6 @@
     "vite-plugin-vuetify": "^2.0.4",
     "vite-svg-loader": "^5.1.0",
     "vue": "^3.5.12",
-    "vuetify": "^3.7.3"
+    "vuetify": "^3.7.4"
   }
 }