renusify 2.1.8 → 2.2.1

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 (228) hide show
  1. package/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
  2. package/.github/ISSUE_TEMPLATE/custom.md +10 -0
  3. package/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  4. package/CODE_OF_CONDUCT.md +76 -0
  5. package/LICENSE +1 -1
  6. package/README.md +89 -1
  7. package/components/chip/style.scss +2 -2
  8. package/components/container/row.vue +2 -1
  9. package/components/container/style.scss +31 -0
  10. package/components/form/radioInput/index.vue +6 -2
  11. package/components/table/crud/index.vue +460 -459
  12. package/components/tree/index.vue +2 -2
  13. package/components/tree/tree-element.vue +2 -2
  14. package/index.js +14 -10
  15. package/package.json +1 -1
  16. package/plugins/request/Request.js +1 -0
  17. package/docs/.browserslistrc +0 -4
  18. package/docs/.editorconfig +0 -5
  19. package/docs/babel.config.js +0 -3
  20. package/docs/jsconfig.json +0 -19
  21. package/docs/package-lock.json +0 -23358
  22. package/docs/package.json +0 -34
  23. package/docs/public/404.jpg +0 -0
  24. package/docs/public/index.html +0 -18
  25. package/docs/public/logo.jpg +0 -0
  26. package/docs/public/manifest.json +0 -23
  27. package/docs/public/pwa/android-chrome-192x192.png +0 -0
  28. package/docs/public/pwa/android-chrome-256x256.png +0 -0
  29. package/docs/public/pwa/apple-touch-icon.png +0 -0
  30. package/docs/public/pwa/favicon-16x16.png +0 -0
  31. package/docs/public/pwa/favicon-32x32.png +0 -0
  32. package/docs/public/pwa/favicon.ico +0 -0
  33. package/docs/public/pwa/mstile-150x150.png +0 -0
  34. package/docs/public/pwa/safari-pinned-tab.svg +0 -17
  35. package/docs/public/robots.txt +0 -2
  36. package/docs/src/Index.vue +0 -17
  37. package/docs/src/components/buttomNextPage.vue +0 -72
  38. package/docs/src/components/sideBar.vue +0 -141
  39. package/docs/src/components/tableEvents.vue +0 -36
  40. package/docs/src/components/tableProps.vue +0 -36
  41. package/docs/src/components/treeElement.vue +0 -21
  42. package/docs/src/index.js +0 -26
  43. package/docs/src/layouts/renusify.vue +0 -215
  44. package/docs/src/plugins/axios.js +0 -54
  45. package/docs/src/registerServiceWorker.js +0 -47
  46. package/docs/src/router/index.js +0 -43
  47. package/docs/src/views/index/notFound/en.vue +0 -36
  48. package/docs/src/views/index/notFound/fa.vue +0 -35
  49. package/docs/src/views/index/notFound/index.vue +0 -26
  50. package/docs/src/views/index/pages.vue +0 -50
  51. package/docs/src/views/index/v1/component/app/en.vue +0 -61
  52. package/docs/src/views/index/v1/component/app/fa.vue +0 -66
  53. package/docs/src/views/index/v1/component/avatar/en.vue +0 -184
  54. package/docs/src/views/index/v1/component/avatar/fa.vue +0 -208
  55. package/docs/src/views/index/v1/component/bar/bottomNavigation/en.vue +0 -181
  56. package/docs/src/views/index/v1/component/bar/bottomNavigation/fa.vue +0 -180
  57. package/docs/src/views/index/v1/component/bar/bottomNavigationCircle/en.vue +0 -100
  58. package/docs/src/views/index/v1/component/bar/bottomNavigationCircle/fa.vue +0 -98
  59. package/docs/src/views/index/v1/component/bar/toolbar/en.vue +0 -231
  60. package/docs/src/views/index/v1/component/bar/toolbar/fa.vue +0 -232
  61. package/docs/src/views/index/v1/component/breadcrumbs/en.vue +0 -84
  62. package/docs/src/views/index/v1/component/breadcrumbs/fa.vue +0 -86
  63. package/docs/src/views/index/v1/component/button/btn/en.vue +0 -282
  64. package/docs/src/views/index/v1/component/button/btn/fa.vue +0 -286
  65. package/docs/src/views/index/v1/component/button/btn_confirm/en.vue +0 -155
  66. package/docs/src/views/index/v1/component/button/btn_confirm/fa.vue +0 -154
  67. package/docs/src/views/index/v1/component/button/btn_group/en.vue +0 -118
  68. package/docs/src/views/index/v1/component/button/btn_group/fa.vue +0 -117
  69. package/docs/src/views/index/v1/component/calendar/en.vue +0 -286
  70. package/docs/src/views/index/v1/component/calendar/fa.vue +0 -274
  71. package/docs/src/views/index/v1/component/card/en.vue +0 -283
  72. package/docs/src/views/index/v1/component/card/fa.vue +0 -294
  73. package/docs/src/views/index/v1/component/chart/en.vue +0 -113
  74. package/docs/src/views/index/v1/component/chart/fa.vue +0 -113
  75. package/docs/src/views/index/v1/component/chart/worldMap/en.vue +0 -112
  76. package/docs/src/views/index/v1/component/chart/worldMap/fa.vue +0 -114
  77. package/docs/src/views/index/v1/component/chat/en.vue +0 -153
  78. package/docs/src/views/index/v1/component/chat/fa.vue +0 -153
  79. package/docs/src/views/index/v1/component/chip/en.vue +0 -341
  80. package/docs/src/views/index/v1/component/chip/fa.vue +0 -340
  81. package/docs/src/views/index/v1/component/codeEditor/en.vue +0 -84
  82. package/docs/src/views/index/v1/component/codeEditor/fa.vue +0 -83
  83. package/docs/src/views/index/v1/component/confirm/en.vue +0 -441
  84. package/docs/src/views/index/v1/component/confirm/fa.vue +0 -434
  85. package/docs/src/views/index/v1/component/container/col/en.vue +0 -68
  86. package/docs/src/views/index/v1/component/container/col/fa.vue +0 -67
  87. package/docs/src/views/index/v1/component/container/divider/en.vue +0 -133
  88. package/docs/src/views/index/v1/component/container/divider/fa.vue +0 -130
  89. package/docs/src/views/index/v1/component/container/en.vue +0 -136
  90. package/docs/src/views/index/v1/component/container/fa.vue +0 -135
  91. package/docs/src/views/index/v1/component/container/row/en.vue +0 -157
  92. package/docs/src/views/index/v1/component/container/row/fa.vue +0 -157
  93. package/docs/src/views/index/v1/component/container/spacer/en.vue +0 -40
  94. package/docs/src/views/index/v1/component/container/spacer/fa.vue +0 -38
  95. package/docs/src/views/index/v1/component/content/en.vue +0 -61
  96. package/docs/src/views/index/v1/component/content/fa.vue +0 -59
  97. package/docs/src/views/index/v1/component/count_down/en.vue +0 -111
  98. package/docs/src/views/index/v1/component/count_down/fa.vue +0 -116
  99. package/docs/src/views/index/v1/component/cropper/en.vue +0 -97
  100. package/docs/src/views/index/v1/component/cropper/fa.vue +0 -97
  101. package/docs/src/views/index/v1/component/float/en.vue +0 -220
  102. package/docs/src/views/index/v1/component/float/fa.vue +0 -222
  103. package/docs/src/views/index/v1/component/form/address_input/en.vue +0 -237
  104. package/docs/src/views/index/v1/component/form/address_input/fa.vue +0 -237
  105. package/docs/src/views/index/v1/component/form/cam_input/en.vue +0 -244
  106. package/docs/src/views/index/v1/component/form/cam_input/fa.vue +0 -247
  107. package/docs/src/views/index/v1/component/form/check_input/en.vue +0 -221
  108. package/docs/src/views/index/v1/component/form/check_input/fa.vue +0 -221
  109. package/docs/src/views/index/v1/component/form/checkbox_input/en.vue +0 -453
  110. package/docs/src/views/index/v1/component/form/checkbox_input/fa.vue +0 -453
  111. package/docs/src/views/index/v1/component/form/color_input/en.vue +0 -121
  112. package/docs/src/views/index/v1/component/form/color_input/fa.vue +0 -120
  113. package/docs/src/views/index/v1/component/form/date_input/en.vue +0 -242
  114. package/docs/src/views/index/v1/component/form/date_input/fa.vue +0 -242
  115. package/docs/src/views/index/v1/component/form/file_input/en.vue +0 -123
  116. package/docs/src/views/index/v1/component/form/file_input/fa.vue +0 -133
  117. package/docs/src/views/index/v1/component/form/form/en.vue +0 -120
  118. package/docs/src/views/index/v1/component/form/form/fa.vue +0 -111
  119. package/docs/src/views/index/v1/component/form/group_input/en.vue +0 -369
  120. package/docs/src/views/index/v1/component/form/group_input/fa.vue +0 -368
  121. package/docs/src/views/index/v1/component/form/input/en.vue +0 -586
  122. package/docs/src/views/index/v1/component/form/input/fa.vue +0 -589
  123. package/docs/src/views/index/v1/component/form/json_input/en.vue +0 -280
  124. package/docs/src/views/index/v1/component/form/json_input/fa.vue +0 -285
  125. package/docs/src/views/index/v1/component/form/mask_input/en.vue +0 -249
  126. package/docs/src/views/index/v1/component/form/mask_input/fa.vue +0 -247
  127. package/docs/src/views/index/v1/component/form/number_input/en.vue +0 -319
  128. package/docs/src/views/index/v1/component/form/number_input/fa.vue +0 -363
  129. package/docs/src/views/index/v1/component/form/password_input/en.vue +0 -351
  130. package/docs/src/views/index/v1/component/form/password_input/fa.vue +0 -352
  131. package/docs/src/views/index/v1/component/form/radio_input/en.vue +0 -251
  132. package/docs/src/views/index/v1/component/form/radio_input/fa.vue +0 -262
  133. package/docs/src/views/index/v1/component/form/range_input/en.vue +0 -302
  134. package/docs/src/views/index/v1/component/form/range_input/fa.vue +0 -310
  135. package/docs/src/views/index/v1/component/form/rating_input/en.vue +0 -318
  136. package/docs/src/views/index/v1/component/form/rating_input/fa.vue +0 -286
  137. package/docs/src/views/index/v1/component/form/select_input/en.vue +0 -293
  138. package/docs/src/views/index/v1/component/form/select_input/fa.vue +0 -297
  139. package/docs/src/views/index/v1/component/form/switch_input/en.vue +0 -138
  140. package/docs/src/views/index/v1/component/form/switch_input/fa.vue +0 -139
  141. package/docs/src/views/index/v1/component/form/tel_input/en.vue +0 -195
  142. package/docs/src/views/index/v1/component/form/tel_input/fa.vue +0 -194
  143. package/docs/src/views/index/v1/component/form/text_area/en.vue +0 -189
  144. package/docs/src/views/index/v1/component/form/text_area/fa.vue +0 -191
  145. package/docs/src/views/index/v1/component/form/text_editor/en.vue +0 -143
  146. package/docs/src/views/index/v1/component/form/text_editor/fa.vue +0 -143
  147. package/docs/src/views/index/v1/component/form/text_editor/text_editor_preview/en.vue +0 -72
  148. package/docs/src/views/index/v1/component/form/text_editor/text_editor_preview/fa.vue +0 -78
  149. package/docs/src/views/index/v1/component/form/text_input/en.vue +0 -146
  150. package/docs/src/views/index/v1/component/form/text_input/fa.vue +0 -149
  151. package/docs/src/views/index/v1/component/form/time_input/en.vue +0 -138
  152. package/docs/src/views/index/v1/component/form/time_input/fa.vue +0 -137
  153. package/docs/src/views/index/v1/component/form/time_range_input/en.vue +0 -115
  154. package/docs/src/views/index/v1/component/form/time_range_input/fa.vue +0 -113
  155. package/docs/src/views/index/v1/component/form/unique_input/en.vue +0 -107
  156. package/docs/src/views/index/v1/component/form/unique_input/fa.vue +0 -106
  157. package/docs/src/views/index/v1/component/form/unit_input/en.vue +0 -200
  158. package/docs/src/views/index/v1/component/form/unit_input/fa.vue +0 -203
  159. package/docs/src/views/index/v1/component/form_creator/en.vue +0 -181
  160. package/docs/src/views/index/v1/component/form_creator/fa.vue +0 -179
  161. package/docs/src/views/index/v1/component/html2pdf/en.vue +0 -215
  162. package/docs/src/views/index/v1/component/html2pdf/fa.vue +0 -226
  163. package/docs/src/views/index/v1/component/html2pdf/html2pdf_page_break/en.vue +0 -37
  164. package/docs/src/views/index/v1/component/html2pdf/html2pdf_page_break/fa.vue +0 -36
  165. package/docs/src/views/index/v1/component/icon/en.vue +0 -231
  166. package/docs/src/views/index/v1/component/icon/fa.vue +0 -230
  167. package/docs/src/views/index/v1/component/img/en.vue +0 -511
  168. package/docs/src/views/index/v1/component/img/fa.vue +0 -510
  169. package/docs/src/views/index/v1/component/infinite/infinite_box/en.vue +0 -107
  170. package/docs/src/views/index/v1/component/infinite/infinite_box/fa.vue +0 -106
  171. package/docs/src/views/index/v1/component/infinite/infinite_div/en.vue +0 -87
  172. package/docs/src/views/index/v1/component/infinite/infinite_div/fa.vue +0 -83
  173. package/docs/src/views/index/v1/component/infinite/infinite_page/en.vue +0 -76
  174. package/docs/src/views/index/v1/component/infinite/infinite_page/fa.vue +0 -76
  175. package/docs/src/views/index/v1/component/list/en.vue +0 -477
  176. package/docs/src/views/index/v1/component/list/fa.vue +0 -475
  177. package/docs/src/views/index/v1/component/map/en.vue +0 -243
  178. package/docs/src/views/index/v1/component/map/fa.vue +0 -256
  179. package/docs/src/views/index/v1/component/map/map_route/en.vue +0 -176
  180. package/docs/src/views/index/v1/component/map/map_route/fa.vue +0 -177
  181. package/docs/src/views/index/v1/component/map/map_select/en.vue +0 -85
  182. package/docs/src/views/index/v1/component/map/map_select/fa.vue +0 -87
  183. package/docs/src/views/index/v1/component/menu/en.vue +0 -160
  184. package/docs/src/views/index/v1/component/menu/fa.vue +0 -158
  185. package/docs/src/views/index/v1/component/message/en.vue +0 -135
  186. package/docs/src/views/index/v1/component/message/fa.vue +0 -134
  187. package/docs/src/views/index/v1/component/meta/en.vue +0 -74
  188. package/docs/src/views/index/v1/component/meta/fa.vue +0 -73
  189. package/docs/src/views/index/v1/component/modal/en.vue +0 -432
  190. package/docs/src/views/index/v1/component/modal/fa.vue +0 -433
  191. package/docs/src/views/index/v1/component/notify/en.vue +0 -116
  192. package/docs/src/views/index/v1/component/notify/fa.vue +0 -116
  193. package/docs/src/views/index/v1/component/progress/progress_circle/en.vue +0 -202
  194. package/docs/src/views/index/v1/component/progress/progress_circle/fa.vue +0 -201
  195. package/docs/src/views/index/v1/component/progress/progress_line/en.vue +0 -216
  196. package/docs/src/views/index/v1/component/progress/progress_line/fa.vue +0 -214
  197. package/docs/src/views/index/v1/component/search_box/en.vue +0 -185
  198. package/docs/src/views/index/v1/component/search_box/fa.vue +0 -178
  199. package/docs/src/views/index/v1/component/slider/en.vue +0 -428
  200. package/docs/src/views/index/v1/component/slider/fa.vue +0 -427
  201. package/docs/src/views/index/v1/component/swiper/en.vue +0 -291
  202. package/docs/src/views/index/v1/component/swiper/fa.vue +0 -289
  203. package/docs/src/views/index/v1/component/table/en.vue +0 -711
  204. package/docs/src/views/index/v1/component/table/fa.vue +0 -709
  205. package/docs/src/views/index/v1/component/table/table_crud/en.vue +0 -218
  206. package/docs/src/views/index/v1/component/table/table_crud/fa.vue +0 -219
  207. package/docs/src/views/index/v1/component/tabs/en.vue +0 -289
  208. package/docs/src/views/index/v1/component/tabs/fa.vue +0 -289
  209. package/docs/src/views/index/v1/component/time_ago/en.vue +0 -98
  210. package/docs/src/views/index/v1/component/time_ago/fa.vue +0 -102
  211. package/docs/src/views/index/v1/component/timeline/en.vue +0 -140
  212. package/docs/src/views/index/v1/component/timeline/fa.vue +0 -138
  213. package/docs/src/views/index/v1/component/tour/en.vue +0 -125
  214. package/docs/src/views/index/v1/component/tour/fa.vue +0 -129
  215. package/docs/src/views/index/v1/component/tree/en.vue +0 -213
  216. package/docs/src/views/index/v1/component/tree/fa.vue +0 -213
  217. package/docs/src/views/index/v1/features/breakpoint/fa.vue +0 -136
  218. package/docs/src/views/index/v1/features/direction/fa.vue +0 -57
  219. package/docs/src/views/index/v1/features/internationalization/fa.vue +0 -186
  220. package/docs/src/views/index/v1/features/theme/fa.vue +0 -148
  221. package/docs/src/views/index/v1/getting_started/browserSupport/fa.vue +0 -33
  222. package/docs/src/views/index/v1/getting_started/installation/fa.vue +0 -110
  223. package/docs/src/views/index/v1/introduction/support/fa.vue +0 -58
  224. package/docs/src/views/index/v1/introduction/whyRenusify/fa.vue +0 -49
  225. package/docs/src/views/index/v1/menu/en.json +0 -1040
  226. package/docs/src/views/index/v1/menu/fa.json +0 -1040
  227. package/docs/src/views/index/v1/mixins/root/fa.vue +0 -131
  228. package/docs/vue.config.js +0 -39
@@ -1,179 +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-form-creator
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-form-creator</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
- "url": null,
22
- "title": "Add form",
23
- "autoSend": false,
24
- "redirect": null,
25
- "method": "post",
26
- "headers": null,
27
- "options": {
28
- name:{"type": "r-text-input","props":{"rules": ["required"]}},
29
- family:{"type": "r-text-input","props":{"rules": ["required"]}},
30
- age:{"type": "r-number-input",$if:[["$name","!=","$family"]],"props":{"rules": ["required","min:7","max:70"]}},
31
- phone:{"type": "r-mask-input",$if:[["$age",">",7],["$age","<=",60]],"props":{"rules": ["required"],"mask": "0NNN NNN NNNN"}},
32
- mix:{"type": "r-text-input","$bind":[["label","name"]]},
33
- }
34
- }
35
- },
36
- methods:{
37
- log(name,e){
38
- console.log(name,e)
39
- }
40
- }'
41
- template='<r-form-creator :url="url" :title="title" :auto-Send="autoSend" :redirect="redirect" :method="method" :options="options" v-model="modelValue" :headers="headers" @update:model-Value="log(`update:modelValue`,$event)" @ok="log(`ok`,$event)" ></r-form-creator>'
42
- ></r-code-editor>
43
- </section>
44
- <br/>
45
- <br/>
46
- <section class="pa-3 color-white">
47
- <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">
48
- PROP / <span>Title</span>
49
- </h1>
50
- <section>
51
- <r-card>
52
- <r-form-creator title="title Form"></r-form-creator>
53
- </r-card>
54
- </section>
55
- <p class="caption">Press run Button</p>
56
- <r-code-editor
57
- runnable
58
- script="data(){
59
- return {
60
- }
61
- }"
62
- template=' <r-card>
63
- <r-form-creator title="title Form"> </r-form-creator>
64
- </r-card>'
65
- ></r-code-editor>
66
- </section>
67
- <br/>
68
- <br/>
69
- <section class="pa-3 color-white">
70
- <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">
71
- PROP / <span>Url</span>
72
- </h1>
73
- <section>
74
- <r-card>
75
- <r-form-creator title="title Form" url="url"></r-form-creator>
76
- </r-card>
77
- </section>
78
- <p class="caption">Press run Button</p>
79
- <r-code-editor
80
- runnable
81
- script="data(){
82
- return {
83
- }
84
- }"
85
- template=' <r-card>
86
- <r-form-creator title="title Form" url="url"> </r-form-creator>
87
- </r-card>'
88
- ></r-code-editor>
89
- </section>
90
- <br/>
91
- <br/>
92
- <section class="pa-3 color-white">
93
- <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">
94
- PROP / <span>Method</span>
95
- </h1>
96
- <section>
97
- <r-card>
98
- <r-form-creator method="post" title="title Form" url="url">
99
- </r-form-creator>
100
- </r-card>
101
- </section>
102
- <p class="caption">Press run Button</p>
103
- <r-code-editor
104
- runnable
105
- script="data(){
106
- return {
107
- }
108
- }"
109
- template=' <r-card>
110
- <r-form-creator method="post" title="title Form" url="url"> </r-form-creator>
111
- </r-card>'
112
- ></r-code-editor>
113
- </section>
114
- <br/>
115
- <br/>
116
- </template>
117
- <script>
118
- export default {
119
- name: "form_creator",
120
- data() {
121
- return {
122
- props: [
123
- {
124
- prop: "url",
125
- type: "String",
126
- default: "undefined",
127
- description: "url که فرم را به آن ارسال می کند . ",
128
- },
129
- {
130
- prop: "title",
131
- type: "String",
132
- default: "Add form",
133
- description: "یک عنوان می تواند بگیرد ",
134
- },
135
- {
136
- prop: "autoSend",
137
- type: "Boolean",
138
- default: "null",
139
- description: "بصورت خودکار ارسال شود یا نه .",
140
- },
141
- {
142
- prop: "redirect",
143
- type: "String",
144
- default: "undefined",
145
- description: "این راهی برای هدایت کردن به صفحه دیگر است",
146
- },
147
- {
148
- prop: "method",
149
- type: "String",
150
- default: "post",
151
- description: "متد های فرم",
152
- },
153
- {
154
- prop: "options",
155
- type: "Object,Array",
156
- default: "undefined",
157
- description: "نوع داده ها را می توانیم مشخص کنیم .",
158
- },
159
- {
160
- prop: "modelValue",
161
- type: "Object",
162
- default: "{}",
163
- description: "مقدار فرم را برمی گرداند.",
164
- },
165
- {
166
- prop: "headers",
167
- type: "Object",
168
- default: "null",
169
- description: "هدر ارسال فرم",
170
- },
171
- ],
172
- events: [
173
- {event: "update:modelValue", description: ""},
174
- {event: "ok", description: ""},
175
- ],
176
- };
177
- },
178
- };
179
- </script>
@@ -1,215 +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-html2pdf
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-html2pdf</r-btn>
9
- It converts each HTML page or element into a printable PDF file.
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
- "enableDownload": true,
22
- "enableLinks": true,
23
- "previewModal": false,
24
- "filename": "1692260878768",
25
- "pdfQuality": 2,
26
- "pdfFormat": "a4",
27
- "pdfOrientation": "portrait",
28
- "pdfContentWidth": "800px",
29
- "htmlToPdfOptions": null,
30
- "pageBreakAuto": null,
31
- "toInlineCss": false,
32
- "avoidClass": null,
33
- "beforeClass": null,
34
- "afterClass": null
35
- }
36
- },
37
- methods:{
38
- log(name,e){
39
- console.log(name,e)
40
- }
41
- }'
42
- template='<r-html2pdf :enable-Download="enableDownload" :enable-Links="enableLinks" :preview-Modal="previewModal" :filename="filename" :pdf-Quality="pdfQuality" :pdf-Format="pdfFormat" :pdf-Orientation="pdfOrientation" :pdf-Content-Width="pdfContentWidth" :html-To-Pdf-Options="htmlToPdfOptions" :page-Break-Auto="pageBreakAuto" :to-Inline-Css="toInlineCss" :avoid-Class="avoidClass" :before-Class="beforeClass" :after-Class="afterClass" @progress="log(`progress`,$event)" @has-downloaded="log(`has-downloaded`,$event)" @before-download="log(`before-download`,$event)" ></r-html2pdf>'
43
- ></r-code-editor>
44
- </section>
45
- <br/>
46
- <br/>
47
- <section class="color-white">
48
- <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">html2pdf</h1>
49
- <r-divider></r-divider>
50
- <section>
51
- <div class="pa-4">
52
- <r-html2pdf
53
- ref="html2pdf_aid"
54
- :enableDownload="true"
55
- :pdf-quality="2"
56
- avoid-class=".item-print"
57
- filename="aid"
58
- pdf-content-width="208mm"
59
- pdf-orientation="portrait"
60
- toInlineCss
61
- @progress="checkCode($event)"
62
- >
63
- <div class="my-2">
64
- <h4 class="pb-4">title</h4>
65
- <span>
66
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
67
- </span>
68
- </div>
69
- </r-html2pdf>
70
- <r-btn class="color-success" @click="save">Pdf</r-btn>
71
- </div>
72
- </section>
73
- <p class="caption">Press run Button</p>
74
- <r-code-editor
75
- runnable
76
- script="data(){
77
- return {
78
- }
79
- },
80
- methods: {
81
- save() {
82
- this.$refs.html2pdf_aid.buildPdf();
83
- },
84
- },
85
- "
86
- template=' <div class="pa-4 text-center">
87
- <r-btn class="color-info" @click="save">Pdf</r-btn>
88
- <r-html2pdf
89
- :enableDownload="true"
90
- filename="aid"
91
- :pdf-quality="2"
92
- pdf-orientation="portrait"
93
- pdf-content-width="208mm"
94
- @progress="checkCode($event)"
95
- avoid-class=".item-print"
96
- toInlineCss
97
- ref="html2pdf_aid"
98
- >
99
- <div class="text-center pa-4">
100
- <h4 class="pb-4">title</h4>
101
- <p>
102
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore
103
- dolorum quibusdam repudiandae ut voluptates.
104
- </p>
105
- </div>
106
- </r-html2pdf>
107
- </div>'
108
- ></r-code-editor>
109
- </section>
110
- </template>
111
- <script>
112
- export default {
113
- name: "html2pdf",
114
- data() {
115
- return {
116
- props: [
117
- {
118
- prop: "enableDownload",
119
- type: "Boolean",
120
- default: "true",
121
- description: "Enable download.",
122
- },
123
- {
124
- prop: "enableLinks",
125
- type: "Boolean",
126
- default: "true",
127
- description: "Enable Link.",
128
- },
129
- {
130
- prop: "previewModal",
131
- type: "Boolean",
132
- default: "false",
133
- description: " Preview Modal.",
134
- },
135
- {
136
- prop: "filename",
137
- type: "String",
138
- default: "1692260878768",
139
- description: "File Name",
140
- },
141
- {
142
- prop: "pdfQuality",
143
- type: "Number",
144
- default: "2",
145
- description: "Pdf Quality",
146
- },
147
- {
148
- prop: "pdfFormat",
149
- type: "undefined",
150
- default: "a4",
151
- description: "size pdf format",
152
- },
153
- {
154
- prop: "pdfOrientation",
155
- type: "String",
156
- default: "portrait",
157
- description: "PDF Orientation",
158
- },
159
- {
160
- prop: "pdfContentWidth",
161
- type: "undefined",
162
- default: "800px",
163
- description: "Pdf Content Width",
164
- },
165
- {
166
- prop: "htmlToPdfOptions",
167
- type: "Object",
168
- default: "undefined",
169
- description: "html To Pdf Options",
170
- },
171
- {
172
- prop: "pageBreakAuto",
173
- type: "Number",
174
- default: "null",
175
- description: "Opening a new page automatically.",
176
- },
177
- {
178
- prop: "toInlineCss",
179
- type: "Boolean",
180
- default: "null",
181
- description: "To In line Css",
182
- },
183
- {
184
- prop: "avoidClass",
185
- type: "String",
186
- default: "null",
187
- description: "Avoid Class",
188
- },
189
- {
190
- prop: "beforeClass",
191
- type: "String",
192
- default: "null",
193
- description: "Before Class",
194
- },
195
- {
196
- prop: "afterClass",
197
- type: "String",
198
- default: "null",
199
- description: "After Class",
200
- },
201
- ],
202
- events: [
203
- {event: "progress", description: ""},
204
- {event: "has-downloaded", description: ""},
205
- {event: "before-download", description: ""},
206
- ],
207
- };
208
- },
209
- methods: {
210
- save() {
211
- this.$refs.html2pdf_aid.buildPdf();
212
- },
213
- },
214
- };
215
- </script>
@@ -1,226 +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-html2pdf
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- <r-btn readonly size="small"> r-html2pdf</r-btn>
9
- هر صفحه و یا المان HTML را به یک فایل PDF قابل چاپ تبدیل می کند.
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
- "enableDownload": true,
22
- "enableLinks": true,
23
- "previewModal": false,
24
- "filename": "1692260878768",
25
- "pdfQuality": 2,
26
- "pdfFormat": "a4",
27
- "pdfOrientation": "portrait",
28
- "pdfContentWidth": "800px",
29
- "htmlToPdfOptions": null,
30
- "pageBreakAuto": null,
31
- "toInlineCss": false,
32
- "avoidClass": null,
33
- "beforeClass": null,
34
- "afterClass": null
35
- }
36
- },
37
- methods:{
38
- log(name,e){
39
- console.log(name,e)
40
- },
41
- save() {
42
- this.$refs.html2pdf_aid.buildPdf();
43
- }
44
- }'
45
- template='<r-html2pdf ref="html2pdf_aid" :enable-Download="enableDownload" :enable-Links="enableLinks" :preview-Modal="previewModal" :filename="filename" :pdf-Quality="pdfQuality" :pdf-Format="pdfFormat" :pdf-Orientation="pdfOrientation" :pdf-Content-Width="pdfContentWidth" :html-To-Pdf-Options="htmlToPdfOptions" :page-Break-Auto="pageBreakAuto" :to-Inline-Css="toInlineCss" :avoid-Class="avoidClass" :before-Class="beforeClass" :after-Class="afterClass" @progress="log(`progress`,$event)" @has-downloaded="log(`has-downloaded`,$event)" @before-download="log(`before-download`,$event)" >
46
- <h1>title</h1>
47
- <p class="color-error pa-5"> this is test</p>
48
- </r-html2pdf>
49
- <r-btn @click="save">save</r-btn>'
50
- ></r-code-editor>
51
- </section>
52
- <br/>
53
- <br/>
54
- <section class="color-white">
55
- <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">html2pdf</h1>
56
- <r-divider></r-divider>
57
- <section>
58
- <div class="pa-4">
59
- <r-html2pdf
60
- ref="html2pdf_aid"
61
- :enableDownload="true"
62
- :pdf-quality="2"
63
- avoid-class=".item-print"
64
- filename="aid"
65
- pdf-content-width="208mm"
66
- pdf-orientation="portrait"
67
- toInlineCss
68
- @progress="onProgress($event)"
69
- >
70
- <div class="my-2">
71
- <h4 class="pb-4">title</h4>
72
- <span>
73
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
74
- </span>
75
- </div>
76
- </r-html2pdf>
77
- <r-btn class="color-success" @click="save">Pdf</r-btn>
78
- </div>
79
- </section>
80
- <p class="caption">Press run Button</p>
81
- <r-code-editor
82
- runnable
83
- script="data(){
84
- return {
85
- }
86
- },
87
- methods: {
88
- save() {
89
- this.$refs.html2pdf_aid.buildPdf();
90
- },
91
- },
92
- "
93
- template=' <div class="pa-4 text-center">
94
- <r-btn class="color-info" @click="save">Pdf</r-btn>
95
- <r-html2pdf
96
- :enableDownload="true"
97
- filename="aid"
98
- :pdf-quality="2"
99
- pdf-orientation="portrait"
100
- pdf-content-width="208mm"
101
- avoid-class=".item-print"
102
- toInlineCss
103
- ref="html2pdf_aid"
104
- >
105
- <div class="text-center pa-4">
106
- <h4 class="pb-4">title</h4>
107
- <p>
108
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore
109
- dolorum quibusdam repudiandae ut voluptates.
110
- </p>
111
- </div>
112
- </r-html2pdf>
113
- </div>'
114
- ></r-code-editor>
115
- </section>
116
- </template>
117
- <script>
118
- export default {
119
- name: "html2pdf",
120
- data() {
121
- return {
122
- props: [
123
- {
124
- prop: "enableDownload",
125
- type: "Boolean",
126
- default: "true",
127
- description: "دانلود کردن را فعال کنید",
128
- },
129
- {
130
- prop: "enableLinks",
131
- type: "Boolean",
132
- default: "true",
133
- description: "لینک دادن را فعال کنید",
134
- },
135
- {
136
- prop: "previewModal",
137
- type: "Boolean",
138
- default: "false",
139
- description: "پیش نمایش Modal",
140
- },
141
- {
142
- prop: "filename",
143
- type: "String",
144
- default: "1692260878768",
145
- description: "نام فایل",
146
- },
147
- {
148
- prop: "pdfQuality",
149
- type: "Number",
150
- default: "2",
151
- description: "کیفیت pdf",
152
- },
153
- {
154
- prop: "pdfFormat",
155
- type: "undefined",
156
- default: "a4",
157
- description: "اندازه فرمت pdf",
158
- },
159
- {
160
- prop: "pdfOrientation",
161
- type: "String",
162
- default: "portrait",
163
- description: "جهت نمایش Pdf",
164
- },
165
- {
166
- prop: "pdfContentWidth",
167
- type: "undefined",
168
- default: "800px",
169
- description: "جهت گیری pdf",
170
- },
171
- {
172
- prop: "htmlToPdfOptions",
173
- type: "Object",
174
- default: "undefined",
175
- description: "گزینه های تبدیل HTML به PDF",
176
- },
177
- {
178
- prop: "pageBreakAuto",
179
- type: "Number",
180
- default: "null",
181
- description: "باز شدن صفحه جدید بصورت خودکار",
182
- },
183
- {
184
- prop: "toInlineCss",
185
- type: "Boolean",
186
- default: "null",
187
- description: " CSS درون خطی",
188
- },
189
- {
190
- prop: "avoidClass",
191
- type: "String",
192
- default: "null",
193
- description: "اجتناب از کلاس ",
194
- },
195
- {
196
- prop: "beforeClass",
197
- type: "String",
198
- default: "null",
199
- description: "کلاسهای پیشین",
200
- },
201
- {
202
- prop: "afterClass",
203
- type: "String",
204
- default: "null",
205
- description: "کلاسهای پسین",
206
- },
207
- ],
208
- events: [
209
- {event: "progress", description: ""},
210
- {event: "has-downloaded", description: ""},
211
- {event: "before-download", description: ""},
212
- ],
213
- };
214
- },
215
- methods: {
216
- onProgress(progress) {
217
- this.progress = progress;
218
-
219
- console.log(`PDF generation progress: ${progress}%`);
220
- },
221
- save() {
222
- this.$refs.html2pdf_aid.buildPdf();
223
- },
224
- },
225
- };
226
- </script>
@@ -1,37 +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-html2pdf-page-break
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- The page always breaks after the
9
- <r-btn readonly size="small"> r-html2pdf-page-break</r-btn>
10
- element and
11
- redirects to another page.
12
- </p>
13
- </div>
14
-
15
- <table-props :items="items"></table-props>
16
- </section>
17
- <section>
18
- <p class="caption">Press run Button</p>
19
- <r-code-editor
20
- runnable
21
- script="data(){
22
- return {}
23
- }"
24
- template="<r-html2pdf-page-break ></r-html2pdf-page-break>"
25
- ></r-code-editor>
26
- </section>
27
- </template>
28
- <script>
29
- export default {
30
- name: "html2pdf_page_break",
31
- data() {
32
- return {
33
- items: [],
34
- };
35
- },
36
- };
37
- </script>
@@ -1,36 +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-html2pdf-page-break
6
- </h1>
7
- <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
8
- همیشه بعداز عنصر
9
- <r-btn readonly size="small"> r-html2pdf-page-break</r-btn>
10
- صفحه شکسته
11
- می شود و به صفحه دیگری هدایت می شوید.
12
- </p>
13
- </div>
14
- <table-props :items="items"></table-props>
15
- </section>
16
- <section>
17
- <p class="caption">Press run Button</p>
18
- <r-code-editor
19
- runnable
20
- script="data(){
21
- return {}
22
- }"
23
- template="<r-html2pdf-page-break ></r-html2pdf-page-break>"
24
- ></r-code-editor>
25
- </section>
26
- </template>
27
- <script>
28
- export default {
29
- name: "html2pdf_page_break",
30
- data() {
31
- return {
32
- items: [],
33
- };
34
- },
35
- };
36
- </script>