renusify 2.1.8 → 2.2.0

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

@@ -1,138 +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-switch-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        The
-        <r-btn readonly size="small"> r-switch-input</r-btn>
-        component provides users the ability to choose between two distinct
-        values.
-      </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 {
-    "label": null,
-    "label2": null,
-    "readonly": false,
-    "modelValue": null
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-switch-input :label="label" :label2="label2" :readonly="readonly" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" @change="log(`change`,$event)" ></r-switch-input>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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">
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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-1 br-sm">
-      PROP / <span>Readonly</span>
-    </h1>
-    <section class="pa-4" style="border: 1px #0aa6ee solid">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')"></r-text-input>
-        <r-text-input :label="$t('Description')"></r-text-input>
-        <r-switch-input v-model="info.active" readonly></r-switch-input>
-      </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">
-        <r-text-input :label="$t(`Title`)"></r-text-input>
-        <r-text-input :label="$t(`Description`)"></r-text-input>
-        <r-switch-input readonly v-model="info.active"></r-switch-input>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "switch_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "label",
-          type: "String",
-          default: "null",
-          description: "Label can have",
-        },
-        {
-          prop: "label2",
-          type: "String",
-          default: "null",
-          description: "Label2 can have",
-        },
-        {
-          prop: "readonly",
-          type: "Boolean",
-          default: "null",
-          description: "Text field are for collecting",
-        },
-        {
-          prop: "modelValue",
-          type: "Boolean,String",
-          default: "undefined",
-          description: "Model Value",
-        },
-      ],
-      events: [
-        {event: "update:modelValue", description: ""},
-        {event: "change", description: ""},
-      ],
-    };
-  },
-};
-</script>

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

@@ -1,139 +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-switch-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        این کامپوننت
-        <r-btn readonly size="small"> r-switch-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 {
-    "label": null,
-    "label2": null,
-    "readonly": false,
-    "modelValue": null
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-switch-input :label="label" :label2="label2" :readonly="readonly" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" @change="log(`change`,$event)" ></r-switch-input>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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">
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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-1 br-sm">
-      PROP / <span>Readonly</span>
-    </h1>
-    <section class="pa-4" style="border: 1px #0aa6ee solid">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')"></r-text-input>
-        <r-text-input :label="$t('Description')"></r-text-input>
-        <r-switch-input v-model="info.active" readonly></r-switch-input>
-      </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">
-        <r-text-input :label="$t(`Title`)"></r-text-input>
-        <r-text-input :label="$t(`Description`)"></r-text-input>
-        <r-switch-input readonly v-model="info.active"></r-switch-input>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "switch_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "label",
-          type: "String",
-          default: "null",
-          description: "label می گیرد",
-        },
-        {
-          prop: "label2",
-          type: "String",
-          default: "null",
-          description: "label2 می گیرد",
-        },
-        {
-          prop: "readonly",
-          type: "Boolean",
-          default: "null",
-          description: "قابلیت خواندن فعال می شود",
-        },
-        {
-          prop: "modelValue",
-          type: "Boolean,String",
-          default: "undefined",
-          description: "Model Value می گیرد",
-        },
-      ],
-      events: [
-        {event: "update:modelValue", description: ""},
-        {event: "change", description: ""},
-      ],
-    };
-  },
-};
-</script>

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

@@ -1,195 +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-tel-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        A component
-        <r-btn readonly size="small"> r-tel-input</r-btn>
-        telephone input field .
-      </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 {
-    "label": null,
-    "modelValue": null,
-    "defaultCountry": "",
-    "tile": false,
-    "required": false,
-    "readonly": false,
-    "select": true
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-tel-input :label="label" v-model="modelValue" :default-Country="defaultCountry" :tile="tile" :required="required" :readonly="readonly" :select="select" @update:model-Value="log(`update:modelValue`,$event)" ></r-tel-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>ModelValue</span>
-    </h1>
-    <section class="pa-4" style="border: 1px #0aa6ee solid">
-      <r-form v-model="valid">
-        <r-tel-input :label="$t('tel')"></r-tel-input>
-      </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">
-        <r-tel-input :label="$t(`tel`)"></r-tel-input>
-      </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-1 br-sm">
-      PROP / <span>Tile</span>
-    </h1>
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')" tile></r-text-input>
-        <r-text-input :label="$t('Description')" tile></r-text-input>
-        <r-tel-input :label="$t('tel')" tile></r-tel-input>
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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">
-        <r-text-input tile :label="$t(`Title`)"></r-text-input>
-        <r-text-input tile :label="$t(`Description`)"></r-text-input>
-        <r-tel-input tile :label="$t(`tel`)"></r-tel-input>
-        <r-switch-input  v-model="info.active"></r-switch-input>
-      </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-1 br-sm">
-      PROP / <span>Readonly</span>
-    </h1>
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')" readonly tile></r-text-input>
-        <r-tel-input :label="$t('tel')" readonly tile></r-tel-input>
-        <r-switch-input v-model="info.active" readonly></r-switch-input>
-      </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">
-        <r-text-input readonly tile :label="$t(`Title`)"></r-text-input>
-        <r-tel-input readonly tile :label="$t(`tel`)"></r-tel-input>
-        <r-switch-input readonly v-model="info.active"></r-switch-input>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "tel_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "label",
-          type: "String",
-          default: "undefined",
-          description: "Label can have",
-        },
-        {
-          prop: "modelValue",
-          type: "String",
-          default: "undefined",
-          description: "Model Value",
-        },
-        {
-          prop: "defaultCountry",
-          type: "String",
-          default: "",
-          description: "Default Country",
-        },
-        {
-          prop: "tile",
-          type: "Boolean",
-          default: "undefined",
-          description: "without corners",
-        },
-        {
-          prop: "required",
-          type: "Boolean",
-          default: "null",
-          description: "Indicate the compulsion with required",
-        },
-        {
-          prop: "readonly",
-          type: "Boolean",
-          default: "null",
-          description: "Text field are for collecting",
-        },
-        {
-          prop: "select",
-          type: "Boolean",
-          default: "false",
-          description: "Select",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>

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

@@ -1,194 +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-tel-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        کامپوننت
-        <r-btn readonly size="small"> r-tel-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 {
-    "label": null,
-    "modelValue": null,
-    "defaultCountry": "",
-    "tile": false,
-    "required": false,
-    "readonly": false,
-    "select": true
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-tel-input :label="label" v-model="modelValue" :default-Country="defaultCountry" :tile="tile" :required="required" :readonly="readonly" :select="select" @update:model-Value="log(`update:modelValue`,$event)" ></r-tel-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>ModelValue</span>
-    </h1>
-    <section class="pa-4" style="border: 1px #0aa6ee solid">
-      <r-form v-model="valid">
-        <r-tel-input :label="$t('tel')"></r-tel-input>
-      </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">
-        <r-tel-input :label="$t(`tel`)"></r-tel-input>
-      </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-1 br-sm">
-      PROP / <span>Tile</span>
-    </h1>
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')" tile></r-text-input>
-        <r-text-input :label="$t('Description')" tile></r-text-input>
-        <r-tel-input :label="$t('tel')" tile></r-tel-input>
-        <r-switch-input v-model="info.active"></r-switch-input>
-      </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">
-        <r-text-input tile :label="$t(`Title`)"></r-text-input>
-        <r-text-input tile :label="$t(`Description`)"></r-text-input>
-        <r-tel-input tile :label="$t(`tel`)"></r-tel-input>
-        <r-switch-input  v-model="info.active"></r-switch-input>
-      </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-1 br-sm">
-      PROP / <span>Readonly</span>
-    </h1>
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-input :label="$t('Title')" readonly tile></r-text-input>
-        <r-tel-input :label="$t('tel')" readonly tile></r-tel-input>
-        <r-switch-input v-model="info.active" readonly></r-switch-input>
-      </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">
-        <r-text-input readonly tile :label="$t(`Title`)"></r-text-input>
-        <r-tel-input readonly tile :label="$t(`tel`)"></r-tel-input>
-        <r-switch-input readonly v-model="info.active"></r-switch-input>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "tel_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "label",
-          type: "String",
-          default: "undefined",
-          description: "Label می گیرد",
-        },
-        {
-          prop: "modelValue",
-          type: "String",
-          default: "undefined",
-          description: "Model Value می گیرد",
-        },
-        {
-          prop: "defaultCountry",
-          type: "String",
-          default: "",
-          description: "کشور پیشفرض",
-        },
-        {
-          prop: "tile",
-          type: "Boolean",
-          default: "undefined",
-          description: "بدون گوشه",
-        },
-        {
-          prop: "required",
-          type: "Boolean",
-          default: "null",
-          description: "اجبار بودن را با required مشخص کنید",
-        },
-        {
-          prop: "readonly",
-          type: "Boolean",
-          default: "null",
-          description: "فقط قابل خواندن خواهد بود",
-        },
-        {
-          prop: "select",
-          type: "Boolean",
-          default: "false",
-          description: "انتخاب کردن",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>