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,319 +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-number-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-number-input</r-btn>
9
- It accepts numbers.
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
- "modelValue": null,
23
- "step": 1,
24
- "split": 3,
25
- "min": 0,
26
- "max": 10000,
27
- "btnText": false
28
- }
29
- },
30
- methods:{
31
- log(name,e){
32
- console.log(name,e)
33
- }
34
- }'
35
- template='<r-number-input v-model="modelValue" :step="step" :split="split" :min="min" :max="max" :btn-Text="btnText" @update:model-Value="log(`update:modelValue`,$event)" ></r-number-input>'
36
- ></r-code-editor>
37
- </section>
38
- <br/>
39
- <br/>
40
- <section class="pa-3 color-white">
41
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
42
- PROP / <span>Min</span>
43
- </h1>
44
- <section class="pa-4">
45
- <r-card class="px-5 py-8 text-center">
46
- <h3>Number</h3>
47
- <r-form v-model="valid">
48
- <r-text-input
49
- :label="$t('First Name')"
50
- :rules="['required']"
51
- ></r-text-input>
52
- <r-text-input
53
- :label="$t('Last Name')"
54
- :rules="['required']"
55
- ></r-text-input>
56
- <r-mask-input
57
- v-model="info.cart"
58
- :label="$t('Phone')"
59
- mask="NNNNN NNN NNNN"
60
- ></r-mask-input>
61
- <r-number-input
62
- v-model="info.ag"
63
- :label="$t('Age')"
64
- :min="10"
65
- ></r-number-input>
66
- <r-btn block class="my-4 color-info">Submit</r-btn>
67
- </r-form>
68
- </r-card>
69
- </section>
70
- <p class="caption">Press run Button</p>
71
- <r-code-editor
72
- runnable
73
- script="data(){
74
- return {
75
- valid: false,
76
-
77
- info: {},
78
-
79
- }
80
- }"
81
- template='
82
- <r-card class="px-5 py-8 text-center">
83
- <h3>Number</h3>
84
- <r-form v-model="valid">
85
- <r-text-input
86
- :label="$t(`First Name`)"
87
- :rules="[`required`]"
88
- ></r-text-input>
89
- <r-text-input
90
- :label="$t(`Last Name`)"
91
- :rules="[`required`]"
92
- ></r-text-input>
93
- <r-mask-input
94
- :label="$t(`Phone`)"
95
- v-model="info.cart"
96
- mask="NNNNN NNN NNNN"
97
- ></r-mask-input>
98
- <r-number-input
99
- v-model="info.ag"
100
- :min="10"
101
- :label="$t(`Age`)"
102
- ></r-number-input>
103
- <r-btn class="my-4 color-info" block>Submit</r-btn>
104
- </r-form>
105
- </r-card>
106
- '
107
- ></r-code-editor>
108
- </section>
109
- <br/>
110
- <br/>
111
- <section class="pa-3 color-white">
112
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
113
- PROP / <span>Max</span>
114
- </h1>
115
- <section class="pa-4">
116
- <r-card class="px-5 py-8 text-center">
117
- <h3>Number</h3>
118
- <r-form v-model="valid">
119
- <r-text-input
120
- :label="$t(' Name')"
121
- :rules="['required']"
122
- ></r-text-input>
123
- <r-number-input
124
- v-model="info.ag"
125
- :label="$t('Your Age')"
126
- :max="25"
127
- :min="10"
128
- ></r-number-input>
129
- <r-btn block class="my-4 color-one">Submit</r-btn>
130
- </r-form>
131
- </r-card>
132
- </section>
133
- <p class="caption">Press run Button</p>
134
- <r-code-editor
135
- runnable
136
- script="data(){
137
- return {
138
- valid: false,
139
-
140
- info: {},
141
-
142
- }
143
- }"
144
- template='
145
- <r-card class="px-5 py-8 text-center">
146
- <h3>Number</h3>
147
- <r-form v-model="valid">
148
- <r-text-input
149
- :label="$t(`Name`)"
150
- :rules="[`required`]"
151
- ></r-text-input>
152
- <r-number-input
153
- v-model="info.ag"
154
- :min="10"
155
- :max="25"
156
- :label="$t(`Your Age`)"
157
- ></r-number-input>
158
- <r-btn class="my-4 color-one" block>Submit</r-btn>
159
- </r-form>
160
- </r-card>
161
- '
162
- ></r-code-editor>
163
- </section>
164
- <br/>
165
- <br/>
166
- <section class="pa-3 color-white">
167
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
168
- PROP / <span>Step</span>
169
- </h1>
170
- <section class="pa-4">
171
- <r-card class="px-5 py-8 text-center">
172
- <h3>Number</h3>
173
- <r-form v-model="valid">
174
- <r-text-input
175
- :label="$t(' Name')"
176
- :rules="['required']"
177
- ></r-text-input>
178
- <r-number-input
179
- v-model="info.ag"
180
- :label="$t('Step 4')"
181
- :step="4"
182
- ></r-number-input>
183
- <r-btn block class="my-4 color-warning">Submit</r-btn>
184
- </r-form>
185
- </r-card>
186
- </section>
187
- <p class="caption">Press run Button</p>
188
- <r-code-editor
189
- runnable
190
- script="data(){
191
- return {
192
- valid: false,
193
-
194
- info: {},
195
-
196
- }
197
- }"
198
- template='
199
- <r-card class="px-5 py-8 text-center">
200
- <h3>Number</h3>
201
- <r-form v-model="valid">
202
- <r-text-input
203
- :label="$t(`Name`)"
204
- :rules="[`required`]"
205
- ></r-text-input>
206
- <r-number-input
207
- v-model="info.ag"
208
- :step="4"
209
- :label="$t(`Step 4`)"
210
- ></r-number-input>
211
- <r-btn class="my-4 color-warning" block>Submit</r-btn>
212
- </r-form>
213
- </r-card>
214
- '
215
- ></r-code-editor>
216
- </section>
217
- <br/>
218
- <br/>
219
- <section class="pa-3 color-white">
220
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
221
- PROP / <span>BtnText</span>
222
- </h1>
223
- <section class="pa-4">
224
- <r-card class="px-5 py-8 text-center">
225
- <h3>Number</h3>
226
- <r-form v-model="valid">
227
- <r-text-input
228
- :label="$t(' Name')"
229
- :rules="['required']"
230
- ></r-text-input>
231
- <r-number-input
232
- v-model="info.ag"
233
- :label="$t('Step 4')"
234
- :step="4"
235
- btnText
236
- ></r-number-input>
237
- <r-btn block class="my-4 color-two-text" rounded>Submit</r-btn>
238
- </r-form>
239
- </r-card>
240
- </section>
241
- <p class="caption">Press run Button</p>
242
- <r-code-editor
243
- runnable
244
- script="data(){
245
- return {
246
- valid: false,
247
-
248
- info: {},
249
-
250
- }
251
- }"
252
- template='
253
- <r-card class="px-5 py-8 text-center">
254
- <h3>Number</h3>
255
- <r-form v-model="valid">
256
- <r-text-input
257
- :label="$t(`Name`)"
258
- :rules="[`required`]"
259
- ></r-text-input>
260
- <r-number-input
261
- btnText
262
- v-model="info.ag"
263
- :step="4"
264
- :label="$t(`Step 4`)"
265
- ></r-number-input>
266
- <r-btn rounded class="my-4 color-two-text" block>Submit</r-btn>
267
- </r-form>
268
- </r-card>
269
- '
270
- ></r-code-editor>
271
- </section>
272
- <br/>
273
- <br/>
274
- </template>
275
- <script>
276
- export default {
277
- name: "number_input",
278
- data() {
279
- return {
280
- valid: false,
281
- info: {},
282
- props: [
283
- {
284
- prop: "modelValue",
285
- type: "Number",
286
- default: "null",
287
- description: "Model Value",
288
- },
289
- {
290
- prop: "step",
291
- type: "Number",
292
- default: "1",
293
- description: "Increasing the levels",
294
- },
295
- {prop: "split", type: "Number", default: "0", description: "Split"},
296
- {
297
- prop: "min",
298
- type: "Number",
299
- default: "undefined",
300
- description: "Minimum",
301
- },
302
- {
303
- prop: "max",
304
- type: "Number",
305
- default: "undefined",
306
- description: "Maximum",
307
- },
308
- {
309
- prop: "btnText",
310
- type: "Boolean",
311
- default: "null",
312
- description: "The button simulates the table like text",
313
- },
314
- ],
315
- events: [{event: "update:modelValue", description: ""}],
316
- };
317
- },
318
- };
319
- </script>
@@ -1,363 +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-number-input
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-number-input</r-btn>
9
- عدد ها را قبول می کند .
10
- </p>
11
- </div>
12
- <table-props :items="props"></table-props>
13
- <table-events :items="events" class="mt-5"></table-events>
14
- </section>
15
- <section class="mt-10">
16
- <p class="caption">Press run Button</p>
17
- <r-code-editor
18
- runnable
19
- script='data(){
20
- return {
21
- "modelValue": null,
22
- "step": 1,
23
- "split": 3,
24
- "min": 0,
25
- "max": 10000,
26
- "btnText": false
27
- }
28
- },
29
- methods:{
30
- log(name,e){
31
- console.log(name,e)
32
- }
33
- }'
34
- template='<r-number-input v-model="modelValue" :step="step" :split="split" :min="min" :max="max" :btn-Text="btnText" @update:model-Value="log(`update:modelValue`,$event)" ></r-number-input>'
35
- ></r-code-editor>
36
- </section>
37
- <br/>
38
- <br/>
39
- <section class="pa-3 color-white">
40
- <section class="pa-4" style="border: 1px #28ee0a solid">
41
- <r-card class="px-5 py-8 text-center">
42
- <h3>Number</h3>
43
- <r-form v-model="valid">
44
- <r-number-input
45
- v-model="info.age"
46
- :label="$t('Age')"
47
- ></r-number-input>
48
- <r-btn block class="my-4 color-success">Submit</r-btn>
49
- </r-form>
50
- </r-card>
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
-
59
- info: {},
60
-
61
- }
62
- }"
63
- template='
64
- <r-card class="px-5 py-8 text-center">
65
- <h3>Number</h3>
66
- <r-form v-model="valid">
67
- <r-number-input
68
- v-model="info.age"
69
- :label="$t(`Age`)"
70
- ></r-number-input>
71
- <r-btn class="my-4 color-success" block>Submit</r-btn>
72
- </r-form>
73
- </r-card>
74
- '
75
- ></r-code-editor>
76
- </section>
77
- <br/>
78
- <br/>
79
- <section class="pa-3 color-white">
80
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
81
- PROP / <span>Min</span>
82
- </h1>
83
- <section class="pa-4">
84
- <r-card class="px-5 py-8 text-center">
85
- <h3>Number</h3>
86
- <r-form v-model="valid">
87
- <r-text-input
88
- :label="$t('First Name')"
89
- :rules="['required']"
90
- ></r-text-input>
91
- <r-text-input
92
- :label="$t('Last Name')"
93
- :rules="['required']"
94
- ></r-text-input>
95
- <r-mask-input
96
- v-model="info.cart"
97
- :label="$t('Phone')"
98
- mask="NNNNN NNN NNNN"
99
- ></r-mask-input>
100
- <r-number-input
101
- v-model="info.ag"
102
- :label="$t('Age')"
103
- :min="10"
104
- ></r-number-input>
105
- <r-btn block class="my-4 color-info">Submit</r-btn>
106
- </r-form>
107
- </r-card>
108
- </section>
109
- <p class="caption">Press run Button</p>
110
- <r-code-editor
111
- runnable
112
- script="data(){
113
- return {
114
- valid: false,
115
-
116
- info: {},
117
-
118
- }
119
- }"
120
- template='
121
- <r-card class="px-5 py-8 text-center">
122
- <h3>Number</h3>
123
- <r-form v-model="valid">
124
- <r-text-input
125
- :label="$t(`First Name`)"
126
- :rules="[`required`]"
127
- ></r-text-input>
128
- <r-text-input
129
- :label="$t(`Last Name`)"
130
- :rules="[`required`]"
131
- ></r-text-input>
132
- <r-mask-input
133
- :label="$t(`Phone`)"
134
- v-model="info.cart"
135
- mask="NNNNN NNN NNNN"
136
- ></r-mask-input>
137
- <r-number-input
138
- v-model="info.ag"
139
- :min="10"
140
- :label="$t(`Age`)"
141
- ></r-number-input>
142
- <r-btn class="my-4 color-info" block>Submit</r-btn>
143
- </r-form>
144
- </r-card>
145
- '
146
- ></r-code-editor>
147
- </section>
148
- <br/>
149
- <br/>
150
- <section class="pa-3 color-white">
151
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
152
- PROP / <span>Max</span>
153
- </h1>
154
- <section class="pa-4">
155
- <r-card class="px-5 py-8 text-center">
156
- <h3>Number</h3>
157
- <r-form v-model="valid">
158
- <r-text-input
159
- :label="$t(' Name')"
160
- :rules="['required']"
161
- ></r-text-input>
162
- <r-number-input
163
- v-model="info.ag"
164
- :label="$t('Your Age')"
165
- :max="25"
166
- :min="10"
167
- ></r-number-input>
168
- <r-btn block class="my-4 color-one">Submit</r-btn>
169
- </r-form>
170
- </r-card>
171
- </section>
172
- <p class="caption">Press run Button</p>
173
- <r-code-editor
174
- runnable
175
- script="data(){
176
- return {
177
- valid: false,
178
-
179
- info: {},
180
-
181
- }
182
- }"
183
- template='
184
- <r-card class="px-5 py-8 text-center">
185
- <h3>Number</h3>
186
- <r-form v-model="valid">
187
- <r-text-input
188
- :label="$t(`Name`)"
189
- :rules="[`required`]"
190
- ></r-text-input>
191
- <r-number-input
192
- v-model="info.ag"
193
- :min="10"
194
- :max="25"
195
- :label="$t(`Your Age`)"
196
- ></r-number-input>
197
- <r-btn class="my-4 color-one" block>Submit</r-btn>
198
- </r-form>
199
- </r-card>
200
- '
201
- ></r-code-editor>
202
- </section>
203
- <br/>
204
- <br/>
205
- <section class="pa-3 color-white">
206
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
207
- PROP / <span>Step</span>
208
- </h1>
209
- <section class="pa-4">
210
- <r-card class="px-5 py-8 text-center">
211
- <h3>Number</h3>
212
- <r-form v-model="valid">
213
- <r-text-input
214
- :label="$t(' Name')"
215
- :rules="['required']"
216
- ></r-text-input>
217
- <r-number-input
218
- v-model="info.ag"
219
- :label="$t('Step 4')"
220
- :step="4"
221
- ></r-number-input>
222
- <r-btn block class="my-4 color-warning">Submit</r-btn>
223
- </r-form>
224
- </r-card>
225
- </section>
226
- <p class="caption">Press run Button</p>
227
- <r-code-editor
228
- runnable
229
- script="data(){
230
- return {
231
- valid: false,
232
-
233
- info: {},
234
-
235
- }
236
- }"
237
- template='
238
- <r-card class="px-5 py-8 text-center">
239
- <h3>Number</h3>
240
- <r-form v-model="valid">
241
- <r-text-input
242
- :label="$t(`Name`)"
243
- :rules="[`required`]"
244
- ></r-text-input>
245
- <r-number-input
246
- v-model="info.ag"
247
- :step="4"
248
- :label="$t(`Step 4`)"
249
- ></r-number-input>
250
- <r-btn class="my-4 color-warning" block>Submit</r-btn>
251
- </r-form>
252
- </r-card>
253
- '
254
- ></r-code-editor>
255
- </section>
256
- <br/>
257
- <br/>
258
- <section class="pa-3 color-white">
259
- <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
260
- PROP / <span>BtnText</span>
261
- </h1>
262
- <section class="pa-4">
263
- <r-card class="px-5 py-8 text-center">
264
- <h3>Number</h3>
265
- <r-form v-model="valid">
266
- <r-text-input
267
- :label="$t(' Name')"
268
- :rules="['required']"
269
- ></r-text-input>
270
- <r-number-input
271
- v-model="info.ag"
272
- :label="$t('Step 4')"
273
- :step="4"
274
- btnText
275
- ></r-number-input>
276
- <r-btn block class="my-4 color-two-text" rounded>Submit</r-btn>
277
- </r-form>
278
- </r-card>
279
- </section>
280
- <p class="caption">Press run Button</p>
281
- <r-code-editor
282
- runnable
283
- script="data(){
284
- return {
285
- valid: false,
286
-
287
- info: {},
288
-
289
- }
290
- }"
291
- template='
292
- <r-card class="px-5 py-8 text-center">
293
- <h3>Number</h3>
294
- <r-form v-model="valid">
295
- <r-text-input
296
- :label="$t(`Name`)"
297
- :rules="[`required`]"
298
- ></r-text-input>
299
- <r-number-input
300
- btnText
301
- v-model="info.ag"
302
- :step="4"
303
- :label="$t(`Step 4`)"
304
- ></r-number-input>
305
- <r-btn rounded class="my-4 color-two-text" block>Submit</r-btn>
306
- </r-form>
307
- </r-card>
308
- '
309
- ></r-code-editor>
310
- </section>
311
- <br/>
312
- <br/>
313
- </template>
314
- <script>
315
- export default {
316
- name: "number_input",
317
- data() {
318
- return {
319
- valid: false,
320
- info: {},
321
- props: [
322
- {
323
- prop: "modelValue",
324
- type: "Number",
325
- default: "null",
326
- description: "Model Value می گیرد ",
327
- },
328
- {
329
- prop: "step",
330
- type: "Number",
331
- default: "1",
332
- description: "افزایش مرحله ها ",
333
- },
334
- {
335
- prop: "split",
336
- type: "Number",
337
- default: "0",
338
- description: "تکه تکه می کند",
339
- },
340
- {
341
- prop: "min",
342
- type: "Number",
343
- default: "undefined",
344
- description: "مینیمم می گیرد",
345
- },
346
- {
347
- prop: "max",
348
- type: "Number",
349
- default: "undefined",
350
- description: "ماکسیمم می گیرد",
351
- },
352
- {
353
- prop: "btnText",
354
- type: "Boolean",
355
- default: "null",
356
- description: "btn جدول را شبیه text می کند ",
357
- },
358
- ],
359
- events: [{event: "update:modelValue", description: ""}],
360
- };
361
- },
362
- };
363
- </script>