@ldmjs/ui 1.0.0-dev-12 → 1.0.0-dev-14

package/README.md

@@ -1,10 +1,6 @@
 # Dependencies
 
- - vue: >= 3.4
- - vuetify: >= 3.5
- - lodash: >= 4
- - @vuelidate: >= 2
- - vue-imask: >= 6
+??????????
 
 # Installation
 
@@ -21,7 +17,7 @@ yarn add @ldmjs/ui@latest
 ```js
 import { createApp } from 'vue';
 import '@ldmjs/ui/dist/css/index.css';
-import '@ldmjs/ui/dist/css/main.css';
+import '@ldmjs/ui/dist/css/root.css';
 import '@ldmjs/ui/dist/css/calendar.css';
 import '@ldmjs/ui/dist/scss';
 import ldmui from '@ldmjs/ui';
@@ -250,11 +246,69 @@ const items = [
 </ld-page-toolbar>
 ```
 
+## #ld-select-list-box
+
+### use select list box
+
+```html
+<ld-select-list-box
+  ref="selectListBox"
+  v-model="selectedValue"
+  v-model:modelItems="selectedItems"
+  :handlers="handlers"
+  :multiselect="multiselect"
+  :required="required"
+  label="Ld Select List Box"
+  item-text="first_name"
+  :persistent-hint="persistentHint"
+  :option-hint="optionHint"
+  input-hint="Select Box Hint"
+>
+  <template #tag="{ item, onRemove }">
+    tag template
+  </template>
+  <template #option="{ item }">
+    option template
+  </template>
+  <template #option-hint="{ item }">
+    option hint
+  </template>
+</ld-select-list-box>
+```
+
+```js
+// methods for work with vacabularies
+const handlers = {
+  fetchData: () => { return [] },
+  fetchItem: (ids) => { return [] },
+  serverSearch: (searchTerm) => { return [] },
+  select: () => { return [] },
+}
+```
+## #ld-radiogroup
+
+### use radio inputs
+
+```html
+<ld-radiogroup v-model="radioValue" label="Ld Radio Buttons">
+  <ld-radiobutton label="Radio Button 1" :value="0" />
+  <ld-radiobutton label="Radio Button 2" :value="1" />
+</ld-radiogroup>
+```
+
 # Utilities
 
  - isDefined
  - uidGen
  - delay
+ - deepValueGetter
+ - isObjectEmpty
+ - datetime
 
 # Directives
  - v-active
+
+# Mixins
+
+- ValidateMixin // class-component style
+- ValidateMixinOptions // options style