renusify 2.1.8 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/index.js +14 -10
  2. package/package.json +1 -1
  3. package/docs/.browserslistrc +0 -4
  4. package/docs/.editorconfig +0 -5
  5. package/docs/babel.config.js +0 -3
  6. package/docs/jsconfig.json +0 -19
  7. package/docs/package-lock.json +0 -23358
  8. package/docs/package.json +0 -34
  9. package/docs/public/404.jpg +0 -0
  10. package/docs/public/index.html +0 -18
  11. package/docs/public/logo.jpg +0 -0
  12. package/docs/public/manifest.json +0 -23
  13. package/docs/public/pwa/android-chrome-192x192.png +0 -0
  14. package/docs/public/pwa/android-chrome-256x256.png +0 -0
  15. package/docs/public/pwa/apple-touch-icon.png +0 -0
  16. package/docs/public/pwa/favicon-16x16.png +0 -0
  17. package/docs/public/pwa/favicon-32x32.png +0 -0
  18. package/docs/public/pwa/favicon.ico +0 -0
  19. package/docs/public/pwa/mstile-150x150.png +0 -0
  20. package/docs/public/pwa/safari-pinned-tab.svg +0 -17
  21. package/docs/public/robots.txt +0 -2
  22. package/docs/src/Index.vue +0 -17
  23. package/docs/src/components/buttomNextPage.vue +0 -72
  24. package/docs/src/components/sideBar.vue +0 -141
  25. package/docs/src/components/tableEvents.vue +0 -36
  26. package/docs/src/components/tableProps.vue +0 -36
  27. package/docs/src/components/treeElement.vue +0 -21
  28. package/docs/src/index.js +0 -26
  29. package/docs/src/layouts/renusify.vue +0 -215
  30. package/docs/src/plugins/axios.js +0 -54
  31. package/docs/src/registerServiceWorker.js +0 -47
  32. package/docs/src/router/index.js +0 -43
  33. package/docs/src/views/index/notFound/en.vue +0 -36
  34. package/docs/src/views/index/notFound/fa.vue +0 -35
  35. package/docs/src/views/index/notFound/index.vue +0 -26
  36. package/docs/src/views/index/pages.vue +0 -50
  37. package/docs/src/views/index/v1/component/app/en.vue +0 -61
  38. package/docs/src/views/index/v1/component/app/fa.vue +0 -66
  39. package/docs/src/views/index/v1/component/avatar/en.vue +0 -184
  40. package/docs/src/views/index/v1/component/avatar/fa.vue +0 -208
  41. package/docs/src/views/index/v1/component/bar/bottomNavigation/en.vue +0 -181
  42. package/docs/src/views/index/v1/component/bar/bottomNavigation/fa.vue +0 -180
  43. package/docs/src/views/index/v1/component/bar/bottomNavigationCircle/en.vue +0 -100
  44. package/docs/src/views/index/v1/component/bar/bottomNavigationCircle/fa.vue +0 -98
  45. package/docs/src/views/index/v1/component/bar/toolbar/en.vue +0 -231
  46. package/docs/src/views/index/v1/component/bar/toolbar/fa.vue +0 -232
  47. package/docs/src/views/index/v1/component/breadcrumbs/en.vue +0 -84
  48. package/docs/src/views/index/v1/component/breadcrumbs/fa.vue +0 -86
  49. package/docs/src/views/index/v1/component/button/btn/en.vue +0 -282
  50. package/docs/src/views/index/v1/component/button/btn/fa.vue +0 -286
  51. package/docs/src/views/index/v1/component/button/btn_confirm/en.vue +0 -155
  52. package/docs/src/views/index/v1/component/button/btn_confirm/fa.vue +0 -154
  53. package/docs/src/views/index/v1/component/button/btn_group/en.vue +0 -118
  54. package/docs/src/views/index/v1/component/button/btn_group/fa.vue +0 -117
  55. package/docs/src/views/index/v1/component/calendar/en.vue +0 -286
  56. package/docs/src/views/index/v1/component/calendar/fa.vue +0 -274
  57. package/docs/src/views/index/v1/component/card/en.vue +0 -283
  58. package/docs/src/views/index/v1/component/card/fa.vue +0 -294
  59. package/docs/src/views/index/v1/component/chart/en.vue +0 -113
  60. package/docs/src/views/index/v1/component/chart/fa.vue +0 -113
  61. package/docs/src/views/index/v1/component/chart/worldMap/en.vue +0 -112
  62. package/docs/src/views/index/v1/component/chart/worldMap/fa.vue +0 -114
  63. package/docs/src/views/index/v1/component/chat/en.vue +0 -153
  64. package/docs/src/views/index/v1/component/chat/fa.vue +0 -153
  65. package/docs/src/views/index/v1/component/chip/en.vue +0 -341
  66. package/docs/src/views/index/v1/component/chip/fa.vue +0 -340
  67. package/docs/src/views/index/v1/component/codeEditor/en.vue +0 -84
  68. package/docs/src/views/index/v1/component/codeEditor/fa.vue +0 -83
  69. package/docs/src/views/index/v1/component/confirm/en.vue +0 -441
  70. package/docs/src/views/index/v1/component/confirm/fa.vue +0 -434
  71. package/docs/src/views/index/v1/component/container/col/en.vue +0 -68
  72. package/docs/src/views/index/v1/component/container/col/fa.vue +0 -67
  73. package/docs/src/views/index/v1/component/container/divider/en.vue +0 -133
  74. package/docs/src/views/index/v1/component/container/divider/fa.vue +0 -130
  75. package/docs/src/views/index/v1/component/container/en.vue +0 -136
  76. package/docs/src/views/index/v1/component/container/fa.vue +0 -135
  77. package/docs/src/views/index/v1/component/container/row/en.vue +0 -157
  78. package/docs/src/views/index/v1/component/container/row/fa.vue +0 -157
  79. package/docs/src/views/index/v1/component/container/spacer/en.vue +0 -40
  80. package/docs/src/views/index/v1/component/container/spacer/fa.vue +0 -38
  81. package/docs/src/views/index/v1/component/content/en.vue +0 -61
  82. package/docs/src/views/index/v1/component/content/fa.vue +0 -59
  83. package/docs/src/views/index/v1/component/count_down/en.vue +0 -111
  84. package/docs/src/views/index/v1/component/count_down/fa.vue +0 -116
  85. package/docs/src/views/index/v1/component/cropper/en.vue +0 -97
  86. package/docs/src/views/index/v1/component/cropper/fa.vue +0 -97
  87. package/docs/src/views/index/v1/component/float/en.vue +0 -220
  88. package/docs/src/views/index/v1/component/float/fa.vue +0 -222
  89. package/docs/src/views/index/v1/component/form/address_input/en.vue +0 -237
  90. package/docs/src/views/index/v1/component/form/address_input/fa.vue +0 -237
  91. package/docs/src/views/index/v1/component/form/cam_input/en.vue +0 -244
  92. package/docs/src/views/index/v1/component/form/cam_input/fa.vue +0 -247
  93. package/docs/src/views/index/v1/component/form/check_input/en.vue +0 -221
  94. package/docs/src/views/index/v1/component/form/check_input/fa.vue +0 -221
  95. package/docs/src/views/index/v1/component/form/checkbox_input/en.vue +0 -453
  96. package/docs/src/views/index/v1/component/form/checkbox_input/fa.vue +0 -453
  97. package/docs/src/views/index/v1/component/form/color_input/en.vue +0 -121
  98. package/docs/src/views/index/v1/component/form/color_input/fa.vue +0 -120
  99. package/docs/src/views/index/v1/component/form/date_input/en.vue +0 -242
  100. package/docs/src/views/index/v1/component/form/date_input/fa.vue +0 -242
  101. package/docs/src/views/index/v1/component/form/file_input/en.vue +0 -123
  102. package/docs/src/views/index/v1/component/form/file_input/fa.vue +0 -133
  103. package/docs/src/views/index/v1/component/form/form/en.vue +0 -120
  104. package/docs/src/views/index/v1/component/form/form/fa.vue +0 -111
  105. package/docs/src/views/index/v1/component/form/group_input/en.vue +0 -369
  106. package/docs/src/views/index/v1/component/form/group_input/fa.vue +0 -368
  107. package/docs/src/views/index/v1/component/form/input/en.vue +0 -586
  108. package/docs/src/views/index/v1/component/form/input/fa.vue +0 -589
  109. package/docs/src/views/index/v1/component/form/json_input/en.vue +0 -280
  110. package/docs/src/views/index/v1/component/form/json_input/fa.vue +0 -285
  111. package/docs/src/views/index/v1/component/form/mask_input/en.vue +0 -249
  112. package/docs/src/views/index/v1/component/form/mask_input/fa.vue +0 -247
  113. package/docs/src/views/index/v1/component/form/number_input/en.vue +0 -319
  114. package/docs/src/views/index/v1/component/form/number_input/fa.vue +0 -363
  115. package/docs/src/views/index/v1/component/form/password_input/en.vue +0 -351
  116. package/docs/src/views/index/v1/component/form/password_input/fa.vue +0 -352
  117. package/docs/src/views/index/v1/component/form/radio_input/en.vue +0 -251
  118. package/docs/src/views/index/v1/component/form/radio_input/fa.vue +0 -262
  119. package/docs/src/views/index/v1/component/form/range_input/en.vue +0 -302
  120. package/docs/src/views/index/v1/component/form/range_input/fa.vue +0 -310
  121. package/docs/src/views/index/v1/component/form/rating_input/en.vue +0 -318
  122. package/docs/src/views/index/v1/component/form/rating_input/fa.vue +0 -286
  123. package/docs/src/views/index/v1/component/form/select_input/en.vue +0 -293
  124. package/docs/src/views/index/v1/component/form/select_input/fa.vue +0 -297
  125. package/docs/src/views/index/v1/component/form/switch_input/en.vue +0 -138
  126. package/docs/src/views/index/v1/component/form/switch_input/fa.vue +0 -139
  127. package/docs/src/views/index/v1/component/form/tel_input/en.vue +0 -195
  128. package/docs/src/views/index/v1/component/form/tel_input/fa.vue +0 -194
  129. package/docs/src/views/index/v1/component/form/text_area/en.vue +0 -189
  130. package/docs/src/views/index/v1/component/form/text_area/fa.vue +0 -191
  131. package/docs/src/views/index/v1/component/form/text_editor/en.vue +0 -143
  132. package/docs/src/views/index/v1/component/form/text_editor/fa.vue +0 -143
  133. package/docs/src/views/index/v1/component/form/text_editor/text_editor_preview/en.vue +0 -72
  134. package/docs/src/views/index/v1/component/form/text_editor/text_editor_preview/fa.vue +0 -78
  135. package/docs/src/views/index/v1/component/form/text_input/en.vue +0 -146
  136. package/docs/src/views/index/v1/component/form/text_input/fa.vue +0 -149
  137. package/docs/src/views/index/v1/component/form/time_input/en.vue +0 -138
  138. package/docs/src/views/index/v1/component/form/time_input/fa.vue +0 -137
  139. package/docs/src/views/index/v1/component/form/time_range_input/en.vue +0 -115
  140. package/docs/src/views/index/v1/component/form/time_range_input/fa.vue +0 -113
  141. package/docs/src/views/index/v1/component/form/unique_input/en.vue +0 -107
  142. package/docs/src/views/index/v1/component/form/unique_input/fa.vue +0 -106
  143. package/docs/src/views/index/v1/component/form/unit_input/en.vue +0 -200
  144. package/docs/src/views/index/v1/component/form/unit_input/fa.vue +0 -203
  145. package/docs/src/views/index/v1/component/form_creator/en.vue +0 -181
  146. package/docs/src/views/index/v1/component/form_creator/fa.vue +0 -179
  147. package/docs/src/views/index/v1/component/html2pdf/en.vue +0 -215
  148. package/docs/src/views/index/v1/component/html2pdf/fa.vue +0 -226
  149. package/docs/src/views/index/v1/component/html2pdf/html2pdf_page_break/en.vue +0 -37
  150. package/docs/src/views/index/v1/component/html2pdf/html2pdf_page_break/fa.vue +0 -36
  151. package/docs/src/views/index/v1/component/icon/en.vue +0 -231
  152. package/docs/src/views/index/v1/component/icon/fa.vue +0 -230
  153. package/docs/src/views/index/v1/component/img/en.vue +0 -511
  154. package/docs/src/views/index/v1/component/img/fa.vue +0 -510
  155. package/docs/src/views/index/v1/component/infinite/infinite_box/en.vue +0 -107
  156. package/docs/src/views/index/v1/component/infinite/infinite_box/fa.vue +0 -106
  157. package/docs/src/views/index/v1/component/infinite/infinite_div/en.vue +0 -87
  158. package/docs/src/views/index/v1/component/infinite/infinite_div/fa.vue +0 -83
  159. package/docs/src/views/index/v1/component/infinite/infinite_page/en.vue +0 -76
  160. package/docs/src/views/index/v1/component/infinite/infinite_page/fa.vue +0 -76
  161. package/docs/src/views/index/v1/component/list/en.vue +0 -477
  162. package/docs/src/views/index/v1/component/list/fa.vue +0 -475
  163. package/docs/src/views/index/v1/component/map/en.vue +0 -243
  164. package/docs/src/views/index/v1/component/map/fa.vue +0 -256
  165. package/docs/src/views/index/v1/component/map/map_route/en.vue +0 -176
  166. package/docs/src/views/index/v1/component/map/map_route/fa.vue +0 -177
  167. package/docs/src/views/index/v1/component/map/map_select/en.vue +0 -85
  168. package/docs/src/views/index/v1/component/map/map_select/fa.vue +0 -87
  169. package/docs/src/views/index/v1/component/menu/en.vue +0 -160
  170. package/docs/src/views/index/v1/component/menu/fa.vue +0 -158
  171. package/docs/src/views/index/v1/component/message/en.vue +0 -135
  172. package/docs/src/views/index/v1/component/message/fa.vue +0 -134
  173. package/docs/src/views/index/v1/component/meta/en.vue +0 -74
  174. package/docs/src/views/index/v1/component/meta/fa.vue +0 -73
  175. package/docs/src/views/index/v1/component/modal/en.vue +0 -432
  176. package/docs/src/views/index/v1/component/modal/fa.vue +0 -433
  177. package/docs/src/views/index/v1/component/notify/en.vue +0 -116
  178. package/docs/src/views/index/v1/component/notify/fa.vue +0 -116
  179. package/docs/src/views/index/v1/component/progress/progress_circle/en.vue +0 -202
  180. package/docs/src/views/index/v1/component/progress/progress_circle/fa.vue +0 -201
  181. package/docs/src/views/index/v1/component/progress/progress_line/en.vue +0 -216
  182. package/docs/src/views/index/v1/component/progress/progress_line/fa.vue +0 -214
  183. package/docs/src/views/index/v1/component/search_box/en.vue +0 -185
  184. package/docs/src/views/index/v1/component/search_box/fa.vue +0 -178
  185. package/docs/src/views/index/v1/component/slider/en.vue +0 -428
  186. package/docs/src/views/index/v1/component/slider/fa.vue +0 -427
  187. package/docs/src/views/index/v1/component/swiper/en.vue +0 -291
  188. package/docs/src/views/index/v1/component/swiper/fa.vue +0 -289
  189. package/docs/src/views/index/v1/component/table/en.vue +0 -711
  190. package/docs/src/views/index/v1/component/table/fa.vue +0 -709
  191. package/docs/src/views/index/v1/component/table/table_crud/en.vue +0 -218
  192. package/docs/src/views/index/v1/component/table/table_crud/fa.vue +0 -219
  193. package/docs/src/views/index/v1/component/tabs/en.vue +0 -289
  194. package/docs/src/views/index/v1/component/tabs/fa.vue +0 -289
  195. package/docs/src/views/index/v1/component/time_ago/en.vue +0 -98
  196. package/docs/src/views/index/v1/component/time_ago/fa.vue +0 -102
  197. package/docs/src/views/index/v1/component/timeline/en.vue +0 -140
  198. package/docs/src/views/index/v1/component/timeline/fa.vue +0 -138
  199. package/docs/src/views/index/v1/component/tour/en.vue +0 -125
  200. package/docs/src/views/index/v1/component/tour/fa.vue +0 -129
  201. package/docs/src/views/index/v1/component/tree/en.vue +0 -213
  202. package/docs/src/views/index/v1/component/tree/fa.vue +0 -213
  203. package/docs/src/views/index/v1/features/breakpoint/fa.vue +0 -136
  204. package/docs/src/views/index/v1/features/direction/fa.vue +0 -57
  205. package/docs/src/views/index/v1/features/internationalization/fa.vue +0 -186
  206. package/docs/src/views/index/v1/features/theme/fa.vue +0 -148
  207. package/docs/src/views/index/v1/getting_started/browserSupport/fa.vue +0 -33
  208. package/docs/src/views/index/v1/getting_started/installation/fa.vue +0 -110
  209. package/docs/src/views/index/v1/introduction/support/fa.vue +0 -58
  210. package/docs/src/views/index/v1/introduction/whyRenusify/fa.vue +0 -49
  211. package/docs/src/views/index/v1/menu/en.json +0 -1040
  212. package/docs/src/views/index/v1/menu/fa.json +0 -1040
  213. package/docs/src/views/index/v1/mixins/root/fa.vue +0 -131
  214. package/docs/vue.config.js +0 -39
@@ -1,251 +0,0 @@
1
- <template>
2
- <section>
3
- <div class="color-white mb-2">
4
- <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
5
- r-radio-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-radio-input</r-btn>
9
- buttons let a user select only one of a limited number of choices
10
- </p>
11
- </div>
12
-
13
- <table-props :items="props"></table-props>
14
- <table-events :items="events" class="mt-5"></table-events>
15
- </section>
16
- <section class="mt-10">
17
- <p class="caption">Press run Button</p>
18
- <r-code-editor
19
- runnable
20
- script='data(){
21
- return {
22
- "text": "title",
23
- "readonly": false,
24
- "rounded": false,
25
- "justValue": false,
26
- "translate": false,
27
- "items":["one","two","three"]
28
- }
29
- },
30
- methods:{
31
- log(name,e){
32
- console.log(name,e)
33
- }
34
- }'
35
- template='<r-radio-input :items="items" :text="text" :readonly="readonly" :rounded="rounded" :just-Value="justValue" :translate="translate" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-radio-input>'
36
- ></r-code-editor>
37
- </section>
38
- <br/>
39
- <br/>
40
- <section class="pa-3 color-white">
41
- <section class="pa-4">
42
- <r-card class="px-5 py-3 text-center">
43
- <h3 class="color-one-text">Transport</h3>
44
- <r-divider class="color-one my-3"></r-divider>
45
- <r-form v-model="valid" class="d-flex h-space-between">
46
- <r-radio-input
47
- v-model="info.transport"
48
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
49
- ></r-radio-input>
50
- <r-radio-input
51
- v-model="info.trans"
52
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
53
- class="font-italic"
54
- ></r-radio-input>
55
- </r-form>
56
- </r-card>
57
- </section>
58
- <p class="caption">Press run Button</p>
59
- <r-code-editor
60
- runnable
61
- script="data(){
62
- return {
63
- valid: false,
64
- info: {},
65
-
66
- }
67
- }"
68
- template='
69
- <r-card class="px-5 py-3 text-center">
70
- <h3 class="color-one-text">Transport</h3>
71
- <r-divider class="color-one my-3"></r-divider>
72
- <r-form v-model="valid" class="d-flex h-space-between">
73
- <r-radio-input
74
- v-model="info.transport"
75
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
76
- ></r-radio-input>
77
- <r-radio-input
78
- class="font-italic"
79
- v-model="info.trans"
80
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
81
- ></r-radio-input>
82
- </r-form>
83
- </r-card>
84
- '
85
- ></r-code-editor>
86
- </section>
87
- <br/>
88
- <br/>
89
- <section class="pa-3 color-white">
90
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
91
- PROP / <span>Rounded</span>
92
- </h1>
93
- <section class="pa-4">
94
- <r-card class="px-5 py-3 text-center">
95
- <h3 class="color-success-text">Transport</h3>
96
- <r-divider class="color-success my-3"></r-divider>
97
- <r-form v-model="valid" class="d-flex h-space-between">
98
- <r-radio-input
99
- v-model="info.transport"
100
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
101
- class="color-success-text"
102
- rounded
103
- ></r-radio-input>
104
- <r-radio-input
105
- v-model="info.trans"
106
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
107
- class="font-italic"
108
- ></r-radio-input>
109
- <r-radio-input
110
- v-model="info.transs"
111
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
112
- class="color-warning-text"
113
- rounded
114
- ></r-radio-input>
115
- </r-form>
116
- </r-card>
117
- </section>
118
- <p class="caption">Press run Button</p>
119
- <r-code-editor
120
- runnable
121
- script="data(){
122
- return {
123
- valid: false,
124
- info: {},
125
-
126
- }
127
- }"
128
- template='
129
- <r-card class="px-5 py-3 text-center">
130
- <h3 class="color-success-text">Transport</h3>
131
- <r-divider class="color-success my-3"></r-divider>
132
- <r-form v-model="valid" class="d-flex h-space-between">
133
- <r-radio-input
134
- class="color-success-text"
135
- rounded
136
- v-model="info.transport"
137
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
138
- ></r-radio-input>
139
- <r-radio-input
140
- class="font-italic"
141
- v-model="info.trans"
142
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
143
- ></r-radio-input>
144
- <r-radio-input
145
- class="color-warning-text"
146
- rounded
147
- v-model="info.transs"
148
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
149
- ></r-radio-input>
150
- </r-form>
151
- </r-card>
152
- '
153
- ></r-code-editor>
154
- </section>
155
- <br/>
156
- <br/>
157
- <section class="pa-3 color-white">
158
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
159
- PROP / <span>readonly</span>
160
- </h1>
161
- <section class="pa-4">
162
- <r-card class="px-5 py-3 text-center">
163
- <h3 class="color-success-text">Transport</h3>
164
- <r-divider class="color-success my-3"></r-divider>
165
- <r-form v-model="valid" class="d-flex h-space-between">
166
- <r-radio-input
167
- v-model="info.transport"
168
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
169
- class="color-success-text"
170
- readonly
171
- rounded
172
- ></r-radio-input>
173
- </r-form>
174
- </r-card>
175
- </section>
176
- <p class="caption">Press run Button</p>
177
- <r-code-editor
178
- runnable
179
- script="data(){
180
- return {
181
- valid: false,
182
- info: {},
183
-
184
- }
185
- }"
186
- template='
187
- <r-card class="px-5 py-3 text-center">
188
- <h3 class="color-success-text">Transport</h3>
189
- <r-divider class="color-success my-3"></r-divider>
190
- <r-form v-model="valid" class="d-flex h-space-between">
191
- <r-radio-input
192
- class="color-success-text"
193
- rounded
194
- readonly
195
- v-model="info.transport"
196
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
197
- ></r-radio-input>
198
- </r-form>
199
- </r-card>
200
- '
201
- ></r-code-editor>
202
- </section>
203
- <br/>
204
- <br/>
205
- </template>
206
- <script>
207
- export default {
208
- name: "radio_input",
209
- data() {
210
- return {
211
- valid: false,
212
- info: {},
213
- props: [
214
- {prop: "items", type: "Array", default: "[]", description: "Items"},
215
- {prop: "text", type: "String", default: "title", description: "Text"},
216
- {
217
- prop: "readonly",
218
- type: "Boolean",
219
- default: "null",
220
- description: "Text field are for collecting",
221
- },
222
- {
223
- prop: "rounded",
224
- type: "Boolean",
225
- default: "null",
226
- description: "You can create circles with the rounded",
227
- },
228
- {
229
- prop: "justValue",
230
- type: "Boolean",
231
- default: "null",
232
- description: "It only returns the value",
233
- },
234
- {
235
- prop: "translate",
236
- type: "Boolean",
237
- default: "null",
238
- description: "Automatically translates the title",
239
- },
240
- {
241
- prop: "modelValue",
242
- type: "String,Number,Object",
243
- default: "null",
244
- description: "Model Value ",
245
- },
246
- ],
247
- events: [{event: "update:modelValue", description: ""}],
248
- };
249
- },
250
- };
251
- </script>
@@ -1,262 +0,0 @@
1
- <template>
2
- <section>
3
- <div class="color-white mb-2">
4
- <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
5
- r-radio-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-rating-input</r-btn>
9
- به کاربر اجازه
10
- می‌دهند تا تنها تعداد محدودی انتخاب را انجام دهند
11
- </p>
12
- </div>
13
- <table-props :items="props"></table-props>
14
- <table-events :items="events" class="mt-5"></table-events>
15
- </section>
16
- <section class="mt-10">
17
- <p class="caption">Press run Button</p>
18
- <r-code-editor
19
- runnable
20
- script='data(){
21
- return {
22
- "text": "title",
23
- "readonly": false,
24
- "rounded": false,
25
- "justValue": false,
26
- "translate": false,
27
- "modelValue": null,
28
- "items":["one","two","three"]
29
- }
30
- },
31
- methods:{
32
- log(name,e){
33
- console.log(name,e)
34
- }
35
- }'
36
- template='<r-radio-input :items="items" :text="text" :readonly="readonly" :rounded="rounded" :just-Value="justValue" :translate="translate" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-radio-input>'
37
- ></r-code-editor>
38
- </section>
39
- <br/>
40
- <br/>
41
- <section class="pa-3 color-white">
42
- <section class="pa-4">
43
- <r-card class="px-5 py-3 text-center">
44
- <h3 class="color-one-text">Transport</h3>
45
- <r-divider class="color-one my-3"></r-divider>
46
- <r-form v-model="valid" class="d-flex h-space-between">
47
- <r-radio-input
48
- v-model="info.transport"
49
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
50
- ></r-radio-input>
51
- <r-radio-input
52
- v-model="info.trans"
53
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
54
- class="font-italic"
55
- ></r-radio-input>
56
- </r-form>
57
- </r-card>
58
- </section>
59
- <p class="caption">Press run Button</p>
60
- <r-code-editor
61
- runnable
62
- script="data(){
63
- return {
64
- valid: false,
65
- info: {},
66
-
67
- }
68
- }"
69
- template='
70
- <r-card class="px-5 py-3 text-center">
71
- <h3 class="color-one-text">Transport</h3>
72
- <r-divider class="color-one my-3"></r-divider>
73
- <r-form v-model="valid" class="d-flex h-space-between">
74
- <r-radio-input
75
- v-model="info.transport"
76
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
77
- ></r-radio-input>
78
- <r-radio-input
79
- class="font-italic"
80
- v-model="info.trans"
81
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
82
- ></r-radio-input>
83
- </r-form>
84
- </r-card>
85
- '
86
- ></r-code-editor>
87
- </section>
88
- <br/>
89
- <br/>
90
- <section class="pa-3 color-white">
91
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
92
- PROP / <span>Rounded</span>
93
- </h1>
94
- <section class="pa-4">
95
- <r-card class="px-5 py-3 text-center">
96
- <h3 class="color-success-text">Transport</h3>
97
- <r-divider class="color-success my-3"></r-divider>
98
- <r-form v-model="valid" class="d-flex h-space-between">
99
- <r-radio-input
100
- v-model="info.transport"
101
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
102
- class="color-success-text"
103
- rounded
104
- ></r-radio-input>
105
- <r-radio-input
106
- v-model="info.trans"
107
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
108
- class="font-italic"
109
- ></r-radio-input>
110
- <r-radio-input
111
- v-model="info.transs"
112
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
113
- class="color-warning-text"
114
- rounded
115
- ></r-radio-input>
116
- </r-form>
117
- </r-card>
118
- </section>
119
- <p class="caption">Press run Button</p>
120
- <r-code-editor
121
- runnable
122
- script="data(){
123
- return {
124
- valid: false,
125
- info: {},
126
-
127
- }
128
- }"
129
- template='
130
- <r-card class="px-5 py-3 text-center">
131
- <h3 class="color-success-text">Transport</h3>
132
- <r-divider class="color-success my-3"></r-divider>
133
- <r-form v-model="valid" class="d-flex h-space-between">
134
- <r-radio-input
135
- class="color-success-text"
136
- rounded
137
- v-model="info.transport"
138
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
139
- ></r-radio-input>
140
- <r-radio-input
141
- class="font-italic"
142
- v-model="info.trans"
143
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
144
- ></r-radio-input>
145
- <r-radio-input
146
- class="color-warning-text"
147
- rounded
148
- v-model="info.transs"
149
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
150
- ></r-radio-input>
151
- </r-form>
152
- </r-card>
153
- '
154
- ></r-code-editor>
155
- </section>
156
- <br/>
157
- <br/>
158
- <section class="pa-3 color-white">
159
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
160
- PROP / <span>readonly</span>
161
- </h1>
162
- <section class="pa-4">
163
- <r-card class="px-5 py-3 text-center">
164
- <h3 class="color-success-text">Transport</h3>
165
- <r-divider class="color-success my-3"></r-divider>
166
- <r-form v-model="valid" class="d-flex h-space-between">
167
- <r-radio-input
168
- v-model="info.transport"
169
- :items="['Plane', 'Car', 'Boat', 'Taxi', 'motorbike']"
170
- class="color-success-text"
171
- readonly
172
- rounded
173
- ></r-radio-input>
174
- </r-form>
175
- </r-card>
176
- </section>
177
- <p class="caption">Press run Button</p>
178
- <r-code-editor
179
- runnable
180
- script="data(){
181
- return {
182
- valid: false,
183
- info: {},
184
-
185
- }
186
- }"
187
- template='
188
- <r-card class="px-5 py-3 text-center">
189
- <h3 class="color-success-text">Transport</h3>
190
- <r-divider class="color-success my-3"></r-divider>
191
- <r-form v-model="valid" class="d-flex h-space-between">
192
- <r-radio-input
193
- class="color-success-text"
194
- rounded
195
- readonly
196
- v-model="info.transport"
197
- :items="[`Plane`, `Car`, `Boat`, `Taxi`, `motorbike`]"
198
- ></r-radio-input>
199
- </r-form>
200
- </r-card>
201
- '
202
- ></r-code-editor>
203
- </section>
204
- <br/>
205
- <br/>
206
- </template>
207
- <script>
208
- export default {
209
- name: "radio_input",
210
- data() {
211
- return {
212
- valid: false,
213
- info: {},
214
- props: [
215
- {
216
- prop: "items",
217
- type: "Array",
218
- default: "[]",
219
- description: "آیتم های رادیو",
220
- },
221
- {
222
- prop: "text",
223
- type: "String",
224
- default: "title",
225
- description: "متن مدنظر",
226
- },
227
- {
228
- prop: "readonly",
229
- type: "Boolean",
230
- default: "null",
231
- description: "فقط می تواند بخواند",
232
- },
233
- {
234
- prop: "rounded",
235
- type: "Boolean",
236
- default: "null",
237
- description: "با rounded دایره می شود",
238
- },
239
- {
240
- prop: "justValue",
241
- type: "Boolean",
242
- default: "null",
243
- description: "فقط مقدار value را بر می گرداند ",
244
- },
245
- {
246
- prop: "translate",
247
- type: "Boolean",
248
- default: "null",
249
- description: "اتوماتیک title را ترجمه می کند ",
250
- },
251
- {
252
- prop: "modelValue",
253
- type: "String,Number,Object",
254
- default: "null",
255
- description: "Model Value می گیرد",
256
- },
257
- ],
258
- events: [{event: "update:modelValue", description: ""}],
259
- };
260
- },
261
- };
262
- </script>