@ldmjs/ui 1.0.0-dev-7 → 1.0.0-dev-9

package/README.md

@@ -1,8 +1,10 @@
 # Dependencies
 
- - vue: >=3.4
+ - vue: >= 3.4
  - vuetify: >= 3.5
  - lodash: >= 4
+ - @vuelidate: >= 2
+ - vue-imask: >= 6
 
 # Installation
 
@@ -56,7 +58,7 @@ appComponent.mount('#app');
 
  ### use loader
 
- ```vue
+ ```html
   <loader :options="{ transparent: false, global: true }" :visible="loading" />
  ```
 
@@ -93,10 +95,10 @@ const vuetify = createVuetify({
 
  ```js
  appComponent.use(ldmui, {
-  LdBtn: {
-    isMobile: 'keyForGlobalIsMobileViewport',
-    isTablet: 'keyForGlobalIsTabletViewport',
-    isDesktop: 'keyForGlobalIsDesktopViewport'
+  viewport: {
+    isMobile: 'keyForGlobalMobileViewport',
+    isTablet: 'keyForGlobalTabletViewport',
+    isDesktop: 'keyForGlobalDesktopViewport'
   }
  });
  ```
@@ -139,6 +141,81 @@ const vuetify = createVuetify({
 </ld-splitter>
 ```
 
+## #ld-toggle-buttons
+
+### use toggle buttons
+
+```html
+<ld-toggle-btn
+  v-model="toggleModel"
+  :items="toggleItems"
+/>
+```
+
+```js
+toggleItems = [
+  {
+    id: 0,
+    tooltip: 'user',
+    icon: 'user',
+  },
+  {
+    id: 1,
+    tooltip: 'group',
+    icon: 'group',
+  }
+]
+```
+
+## #ld-breadcrumbs
+
+### use breadcrumbs
+
+```js
+appComponent.use(ldmui, {
+  LdBreadcrumbs: {
+    home: { // setup route for home page
+      name: 'home',
+      path: '/'
+    }
+  }
+```
+
+```html
+<ld-breadcrumbs :breadcrumbs="items" />
+```
+
+```js
+const items = [
+  {
+    text: 'Документы',
+    route: {
+      path: '/documents'
+    }
+  },
+  {
+    text: 'Входящая корреспонденция',
+    route: {
+      path: '/documents/123456'
+    }
+  }
+]
+```
+
+## #ld-edit-text
+
+### use edit text
+
+```html
+<ld-edit-text v-model="value" label="ФИО" />
+<ld-edit-text v-model="value" :only-numbers="true" label="Номер" />
+```
+
 # Utilities
 
  - isDefined
+ - uidGen
+ - delay
+
+# Directives
+ - v-active

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import { ldmuiOptions } from './types/options'
 declare const defaults: Record<string, unknown>;
 declare function getAliases(components: Record<string, unknown>): Record<string, unknown>;
 declare function isDefined(value: unknown): boolean;
+declare function uidGen(len?: number, format?: string): string | number;
+declare function delay(timeout: number): Promise<void>;
 
 declare const ldmui: {
   install(vue: any, options?: ldmuiOptions): void;
@@ -14,4 +16,6 @@ export {
   defaults,
   getAliases,
   isDefined,
+  delay,
+  uidGen
 }