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,244 +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-cam-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-cam-input</r-btn>
9
- inherits from
10
- <r-btn readonly size="small"> r-input</r-btn>
11
- and inherits all of its
12
- features.
13
- </p>
14
- </div>
15
-
16
- <table-props :items="props"></table-props>
17
- <table-events :items="events" class="mt-5"></table-events>
18
- </section>
19
- <section class="mt-10">
20
- <p class="caption">Press run Button</p>
21
- <r-code-editor
22
- runnable
23
- script='data(){
24
- return {
25
- "uploadLink": null,
26
- "width": "300",
27
- "height": "300",
28
- "audio": true,
29
- "video": true,
30
- "modelValue": null,
31
- "size": 3,
32
- "headers": null
33
- }
34
- },
35
- methods:{
36
- log(name,e){
37
- console.log(name,e)
38
- }
39
- }'
40
- template='<r-cam-input :upload-Link="uploadLink" :width="width" :height="height" :audio="audio" :video="video" v-model="modelValue" :size="size" :headers="headers" @update:model-Value="log(`update:modelValue`,$event)" @error="log(`error`,$event)" ></r-cam-input>'
41
- ></r-code-editor>
42
- </section>
43
- <br/>
44
- <br/>
45
- <section class="pa-3 color-white">
46
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
47
- PROP / <span>Upload Link</span>
48
- </h1>
49
- <section class="background-one pa-4">
50
- <r-form v-model="valid">
51
- <r-cam-input v-model="info.me" upload-link="/storage"></r-cam-input>
52
- </r-form>
53
- </section>
54
- <p class="caption">Press run Button</p>
55
- <r-code-editor
56
- runnable
57
- script="data(){
58
- return {
59
- valid: false,
60
- info: {},
61
- }
62
- }"
63
- template='
64
- <r-form v-model="valid">
65
- <r-cam-input v-model="info.me" upload-link="/storage"></r-cam-input>
66
- </r-form>
67
- '
68
- ></r-code-editor>
69
- </section>
70
- <br/>
71
- <br/>
72
- <section class="pa-3 color-white">
73
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
74
- PROP / <span>Height</span> /<span>Width</span>
75
- </h1>
76
- <section class="background-one pa-4">
77
- <r-form v-model="valid">
78
- <r-container>
79
- <r-row>
80
- <r-col class="col-2">
81
- <r-cam-input
82
- v-model="info.me"
83
- height="100"
84
- upload-link="/storage"
85
- width="100"
86
- ></r-cam-input>
87
- </r-col>
88
- <r-col class="col-4">
89
- <r-cam-input
90
- v-model="info.me"
91
- height="200"
92
- upload-link="/storage"
93
- width="200"
94
- ></r-cam-input>
95
- </r-col>
96
- <r-col class="col-4">
97
- <r-cam-input
98
- v-model="info.me"
99
- height="300"
100
- upload-link="/storage"
101
- width="300"
102
- ></r-cam-input>
103
- </r-col>
104
- </r-row>
105
- </r-container>
106
- </r-form>
107
- </section>
108
- <p class="caption">Press run Button</p>
109
- <r-code-editor
110
- runnable
111
- script="data(){
112
- return {
113
- valid: false,
114
- info: {},
115
- }
116
- }"
117
- template='
118
- <r-form v-model="valid">
119
- <r-container>
120
- <r-row>
121
- <r-col class="col-2">
122
- <r-cam-input
123
- v-model="info.me"
124
- upload-link="/storage"
125
- width="100"
126
- height="100"
127
- ></r-cam-input>
128
- </r-col>
129
- <r-col class="col-4">
130
- <r-cam-input
131
- v-model="info.me"
132
- upload-link="/storage"
133
- width="200"
134
- height="200"
135
- ></r-cam-input>
136
- </r-col>
137
- <r-col class="col-4">
138
- <r-cam-input
139
- v-model="info.me"
140
- upload-link="/storage"
141
- width="300"
142
- height="300"
143
- ></r-cam-input>
144
- </r-col>
145
- </r-row>
146
- </r-container>
147
- </r-form>
148
- '
149
- ></r-code-editor>
150
- </section>
151
- <br/>
152
- <br/>
153
- <section class="pa-3 color-white">
154
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
155
- PROP / <span>Video</span>
156
- </h1>
157
- <section class="pa-4">
158
- <r-form v-model="valid" class="shadow-info background-two">
159
- <r-cam-input
160
- v-model="info.me"
161
- :video="false"
162
- label="disable Video"
163
- upload-link="/storage"
164
- ></r-cam-input>
165
- </r-form>
166
- </section>
167
- <p class="caption">Press run Button</p>
168
- <r-code-editor
169
- runnable
170
- script="data(){
171
- return {
172
- valid: false,
173
- info: {},
174
- }
175
- }"
176
- template='
177
- <r-form v-model="valid" class="shadow-info background-two">
178
- <r-cam-input
179
- v-model="info.me"
180
- upload-link="/storage"
181
- :video="false"
182
- ></r-cam-input>
183
- </r-form>
184
- '
185
- ></r-code-editor>
186
- </section>
187
- <br/>
188
- <br/>
189
- </template>
190
- <script>
191
- export default {
192
- name: "cam_input",
193
- data() {
194
- return {
195
- valid: false,
196
- info: {},
197
- props: [
198
- {
199
- prop: "uploadLink",
200
- type: "String",
201
- default: "null",
202
- description: "The input can be taken as a movie.",
203
- },
204
- {prop: "width", type: "String", default: "300", description: "width"},
205
- {
206
- prop: "height",
207
- type: "String",
208
- default: "300",
209
- description: "height",
210
- },
211
- {
212
- prop: "audio",
213
- type: "Boolean",
214
- default: "true",
215
- description: "Enable or disable Audio.",
216
- },
217
- {
218
- prop: "video",
219
- type: "Boolean",
220
- default: "true",
221
- description: "Enable or disable Video.",
222
- },
223
- {
224
- prop: "modelValue",
225
- type: "Array",
226
- default: "null",
227
- description: "If the inputs are valid in the form, it becomes true.",
228
- },
229
- {prop: "size", type: "Number", default: "3", description: "Size"},
230
- {
231
- prop: "headers",
232
- type: "Object",
233
- default: "null",
234
- description: "Header",
235
- },
236
- ],
237
- events: [
238
- {event: "update:modelValue", description: ""},
239
- {event: "error", description: ""},
240
- ],
241
- };
242
- },
243
- };
244
- </script>
@@ -1,247 +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-cam-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-cam-input</r-btn>
9
- از
10
- <r-btn readonly size="small"> r-input</r-btn>
11
- ارث می برد و تمام ویژگی های آن را به ارث می برد.
12
- </p>
13
- </div>
14
- <table-props :items="props"></table-props>
15
- <table-events :items="events" class="mt-5"></table-events>
16
- </section>
17
- <section class="mt-10">
18
- <p class="caption">Press run Button</p>
19
- <r-code-editor
20
- runnable
21
- script='data(){
22
- return {
23
- "uploadLink": null,
24
- "width": "300",
25
- "height": "300",
26
- "audio": true,
27
- "video": true,
28
- "modelValue": null,
29
- "size": 3,
30
- "headers": null
31
- }
32
- },
33
- methods:{
34
- log(name,e){
35
- console.log(name,e)
36
- }
37
- }'
38
- template='<r-cam-input :upload-Link="uploadLink" :width="width" :height="height" :audio="audio" :video="video" v-model="modelValue" :size="size" :headers="headers" @update:model-Value="log(`update:modelValue`,$event)" @error="log(`error`,$event)" ></r-cam-input>'
39
- ></r-code-editor>
40
- </section>
41
- <br/>
42
- <br/>
43
- <section class="pa-3 color-white">
44
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
45
- PROP / <span>Upload Link</span>
46
- </h1>
47
- <section class="background-one pa-4">
48
- <r-form v-model="valid">
49
- <r-cam-input v-model="info.me" upload-link="/storage"></r-cam-input>
50
- </r-form>
51
- </section>
52
- <p class="caption">Press run Button</p>
53
- <r-code-editor
54
- runnable
55
- script="data(){
56
- return {
57
- valid: false,
58
- info: {},
59
- }
60
- }"
61
- template='
62
- <r-form v-model="valid">
63
- <r-cam-input v-model="info.me" upload-link="/storage"></r-cam-input>
64
- </r-form>
65
- '
66
- ></r-code-editor>
67
- </section>
68
- <br/>
69
- <br/>
70
- <section class="pa-3 color-white">
71
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
72
- PROP / <span>Height</span> /<span>Width</span>
73
- </h1>
74
- <section class="background-one pa-4">
75
- <r-form v-model="valid">
76
- <r-container>
77
- <r-row>
78
- <r-col class="col-2">
79
- <r-cam-input
80
- v-model="info.me"
81
- height="100"
82
- upload-link="/storage"
83
- width="100"
84
- ></r-cam-input>
85
- </r-col>
86
- <r-col class="col-4">
87
- <r-cam-input
88
- v-model="info.me"
89
- height="200"
90
- upload-link="/storage"
91
- width="200"
92
- ></r-cam-input>
93
- </r-col>
94
- <r-col class="col-4">
95
- <r-cam-input
96
- v-model="info.me"
97
- height="300"
98
- upload-link="/storage"
99
- width="300"
100
- ></r-cam-input>
101
- </r-col>
102
- </r-row>
103
- </r-container>
104
- </r-form>
105
- </section>
106
- <p class="caption">Press run Button</p>
107
- <r-code-editor
108
- runnable
109
- script="data(){
110
- return {
111
- valid: false,
112
- info: {},
113
- }
114
- }"
115
- template='
116
- <r-form v-model="valid">
117
- <r-container>
118
- <r-row>
119
- <r-col class="col-2">
120
- <r-cam-input
121
- v-model="info.me"
122
- upload-link="/storage"
123
- width="100"
124
- height="100"
125
- ></r-cam-input>
126
- </r-col>
127
- <r-col class="col-4">
128
- <r-cam-input
129
- v-model="info.me"
130
- upload-link="/storage"
131
- width="200"
132
- height="200"
133
- ></r-cam-input>
134
- </r-col>
135
- <r-col class="col-4">
136
- <r-cam-input
137
- v-model="info.me"
138
- upload-link="/storage"
139
- width="300"
140
- height="300"
141
- ></r-cam-input>
142
- </r-col>
143
- </r-row>
144
- </r-container>
145
- </r-form>
146
- '
147
- ></r-code-editor>
148
- </section>
149
- <br/>
150
- <br/>
151
- <section class="pa-3 color-white">
152
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
153
- PROP / <span>Video</span>
154
- </h1>
155
- <section class="pa-4">
156
- <r-form v-model="valid" class="shadow-info background-two">
157
- <r-cam-input
158
- v-model="info.me"
159
- :video="false"
160
- label="disable Video"
161
- upload-link="/storage"
162
- ></r-cam-input>
163
- </r-form>
164
- </section>
165
- <p class="caption">Press run Button</p>
166
- <r-code-editor
167
- runnable
168
- script="data(){
169
- return {
170
- valid: false,
171
- info: {},
172
- }
173
- }"
174
- template='
175
- <r-form v-model="valid" class="shadow-info background-two">
176
- <r-cam-input
177
- v-model="info.me"
178
- upload-link="/storage"
179
- :video="false"
180
- ></r-cam-input>
181
- </r-form>
182
- '
183
- ></r-code-editor>
184
- </section>
185
- <br/>
186
- <br/>
187
- </template>
188
- <script>
189
- export default {
190
- name: "cam_input",
191
- data() {
192
- return {
193
- valid: false,
194
- info: {},
195
- props: [
196
- {
197
- prop: "uploadLink",
198
- type: "String",
199
- default: "null",
200
- description: " وروردی بعنوان فیلم می تواند بگیرد.",
201
- },
202
- {
203
- prop: "width",
204
- type: "String",
205
- default: "300",
206
- description: "تنظیم عرض ",
207
- },
208
- {
209
- prop: "height",
210
- type: "String",
211
- default: "300",
212
- description: "تنظیم ارتفاع",
213
- },
214
- {
215
- prop: "audio",
216
- type: "Boolean",
217
- default: "true",
218
- description: "فعال یا غیر فعال کردن Audio",
219
- },
220
- {
221
- prop: "video",
222
- type: "Boolean",
223
- default: "true",
224
- description: "فعال یا غیر فعال کردن Video",
225
- },
226
- {
227
- prop: "modelValue",
228
- type: "Array",
229
- default: "null",
230
- description: "اگر input ها داخل فرم معتبر باشند true می شود .",
231
- },
232
- {prop: "size", type: "Number", default: "3", description: "سایز"},
233
- {
234
- prop: "headers",
235
- type: "Object",
236
- default: "null",
237
- description: "هدر ",
238
- },
239
- ],
240
- events: [
241
- {event: "update:modelValue", description: ""},
242
- {event: "error", description: ""},
243
- ],
244
- };
245
- },
246
- };
247
- </script>