renusify 2.1.8 → 2.2.1

package/docs/src/views/index/v1/component/form/file_input/fa.vue

@@ -1,133 +0,0 @@
-<template>
-  <section>
-    <div class="color-white mb-2">
-      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
-        r-file-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        کامپوننت
-        <r-btn readonly size="small"> r-file-input</r-btn>
-        ورودی است که امکان انتخاب فایل‌ها، نمایش اطلاعات دقیق انتخاب و پیشرفت
-        بارگذاری را فراهم می‌کند.
-      </p>
-    </div>
-    <table-props :items="props"></table-props>
-    <table-events :items="events" class="mt-5"></table-events>
-  </section>
-  <section class="mt-10">
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "modelValue":null,
-    "uploadLink": null,
-    "accept": "*",
-    "size": 3,
-    "wPH": null,
-    "maxFileSize": null,
-    "meta": null,
-    "metaRequired": true
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-file-input :upload-Link="uploadLink" :accept="accept" :size="size" :w-P-H="wPH" :max-File-Size="maxFileSize" v-model="modelValue" :meta="meta" :meta-Required="metaRequired" @add="log(`add`,$event)" ></r-file-input>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <h1 class="font-weight-bold title ps-4 pt-1 pb-1 br-sm">
-      PROP / <span>Size</span>
-    </h1>
-    <section class="pa-4" style="border: 1px #0aa6ee solid">
-      <r-form v-model="valid">
-        <p class="px-5 display-5 color-one-text">Select a file</p>
-        <r-file-input :size="1"></r-file-input>
-        <h3 class="pa-2">Drop file here</h3>
-      </r-form>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-      valid: false,
-      info: {},
-
-  }
-}"
-        template='
-      <r-form v-model="valid">
-        <p class="px-5 display-5 color-one-text">Select a file</p>
-        <r-file-input :size="1"></r-file-input>
-        <h3 class="pa-2">Drop file here</h3>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "file_input",
-  data() {
-    return {
-      props: [
-        {
-          prop: "uploadLink",
-          type: "String",
-          default: "undefined",
-          description: "لینک آپلود شده ",
-        },
-        {
-          prop: "accept",
-          type: "String",
-          default: "*",
-          description: "تایید کردن ",
-        },
-        {
-          prop: "size",
-          type: "Number",
-          default: "3",
-          description: "سایز فایل",
-        },
-        {
-          prop: "wPH",
-          type: "Number,String,Array",
-          default: "null",
-          description: "عرض و ارتفاع فایل",
-        },
-        {
-          prop: "maxFileSize",
-          type: "Number",
-          default: "null",
-          description: "حداکثرسایز فایل",
-        },
-        {
-          prop: "modelValue",
-          type: "Array",
-          default: "[]",
-          description: "اگر input ها داخل فرم معتبر باشند true می شود .",
-        },
-        {prop: "meta", type: "Array", default: "null", description: "متا "},
-        {
-          prop: "metaRequired",
-          type: "Boolean",
-          default: "true",
-          description: "متا الزامی است",
-        },
-      ],
-      events: [
-        {event: "update:modelValue", description: ""},
-        {event: "add", description: ""},
-      ],
-    };
-  },
-};
-</script>

package/docs/src/views/index/v1/component/form/form/en.vue

@@ -1,120 +0,0 @@
-<template>
-  <section>
-    <div class="color-white mb-2">
-      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
-        r-form
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        Form controls automatically receive some global styling with
-        <r-btn
-            readonly
-            size="small"
-        >
-          r-form
-        </r-btn
-        >
-      </p>
-    </div>
-
-    <table-props :items="props"></table-props>
-    <table-events :items="events" class="mt-5"></table-events>
-  </section>
-  <section class="mt-10">
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "modelValue": false
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-form v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-form>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
-      PROP / <span>ModelValue</span>
-    </h1>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
- valid:false,
-  }
-}"
-        template='
-               <div>
-                {{ valid }}
-      <r-form v-model="valid">
-        <r-text-input
-          :label="$t([`Write-some-thing`, [inputKey]], `renusify`)"
-          :rules="[`required`]"
-        ></r-text-input>
-      </r-form>
-               </div>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
- valid:false,
-  }
-}"
-        template='
-               <div>
-                <r-card class="pa-4 color-one-text text-center" outlined>{{
-        valid
-      }}</r-card>
-      <r-form v-model="valid">
-        <r-text-input
-          :label="$t([`Code`, [inputKey]], `renusify`)"
-          :rules="[`required`]"
-        ></r-text-input>
-        <r-btn :disabled="!valid" class="mt-4 color-success"
-          >Send</r-btn
-        >
-      </r-form>
-               </div>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "form",
-  data() {
-    return {
-      props: [
-        {
-          prop: "modelValue",
-          type: "Boolean",
-          default: "null",
-          description: "If the inputs are valid in the form, it becomes true.",
-        },
-      ],
-      events: [
-        {
-          event: "update:modelValue",
-          description: "During the update, the modelValue method is called.",
-        },
-      ],
-    };
-  },
-};
-</script>

package/docs/src/views/index/v1/component/form/form/fa.vue

@@ -1,111 +0,0 @@
-<template>
-  <section>
-    <div class="color-white mb-2">
-      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
-        r-form
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        کنترل های
-        <r-btn readonly size="small"> r-form</r-btn>
-        به طور خودکار برخی از استایل های سراسری را دریافت می کنند.
-      </p>
-    </div>
-    <table-props :items="props"></table-props>
-    <table-events :items="events" class="mt-5"></table-events>
-  </section>
-  <section class="mt-10">
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "modelValue": false
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-form v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-form>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <h1 class="font-weight-bold title ps-4 pt-1 pb-6 br-sm">
-      PROP / <span>ModelValue</span>
-    </h1>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
- valid:false,
-  }
-}"
-        template='<div> {{ valid }}
-	<r-form v-model="valid">
-		<r-text-input :label="$t([`Write-some-thing`, [inputKey]], `renusify`)" :rules="[`required`]" >
-		</r-text-input>
-	</r-form>
-</div> '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
- valid:false,
-  }
-}"
-        template='
-               <div>
-                <r-card class="pa-4 color-one-text text-center" outlined>{{
-        valid
-      }}</r-card>
-      <r-form v-model="valid">
-        <r-text-input
-          :label="$t([`Code`, [inputKey]], `renusify`)"
-          :rules="[`required`]"
-        ></r-text-input>
-        <r-btn :disabled="!valid" class="mt-4 color-success"
-          >Send</r-btn
-        >
-      </r-form>
-               </div>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "form",
-  data() {
-    return {
-      valid: false,
-      validOne: false,
-      props: [
-        {
-          prop: "modelValue",
-          type: "Boolean",
-          default: "null",
-          description: "اگر input ها داخل فرم معتبر باشند true می شود . ",
-        },
-      ],
-      events: [
-        {
-          event: "update:modelValue",
-          description: "هنگام آبدیت متد modelValue را فراخوانی می کند .",
-        },
-      ],
-    };
-  },
-};
-</script>