renusify 2.1.8 → 2.2.0

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

@@ -1,72 +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-text-editor-preview
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        Web pages can be modified using professional
-        <r-btn readonly size="small"> r-text-editor-preview</r-btn>
-        editors
-      </p>
-    </div>
-    <table-props :items="items"></table-props>
-  </section>
-  <section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "text": "<div class=\"text-center color-one pa-5\">this is test</div>"
-}
-}'
-        template='<r-text-editor-preview :text="text" ></r-text-editor-preview>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-editor v-model="info"></r-text-editor>
-        <r-text-editor-preview :text="info.text"></r-text-editor-preview>
-      </r-form>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-      valid: false,
-      info: null
-  }
-}"
-        template='
-   <r-form v-model="valid">
-        <r-text-editor v-model="info"> </r-text-editor>
-        <r-text-editor-preview
-          v-if="info"
-          :text="info.text"
-        ></r-text-editor-preview>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "text_editor_preview",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      items: [
-        {prop: "text", type: "String", default: "null", description: "Text"},
-      ],
-    };
-  },
-};
-</script>

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

@@ -1,78 +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-text-editor-preview
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        صفحات وب می‌توانند با استفاده از ویرایشگرهای حرفه‌ای
-        <r-btn readonly size="small"> r-text-editor-preview</r-btn>
-        تغییر داده شوند
-      </p>
-    </div>
-
-    <table-props :items="items"></table-props>
-  </section>
-  <section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "text": "<div class=\"text-center color-one pa-5\">this is test</div>"
-}
-}'
-        template='<r-text-editor-preview :text="text" ></r-text-editor-preview>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <section class="pa-4">
-      <r-form v-model="valid">
-        <r-text-editor v-model="info"></r-text-editor>
-        <r-text-editor-preview :text="info.text"></r-text-editor-preview>
-      </r-form>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-      valid: false,
-      info: null
-  }
-}"
-        template='
-   <r-form v-model="valid">
-        <r-text-editor v-model="info"> </r-text-editor>
-        <r-text-editor-preview
-          v-if="info"
-          :text="info.text"
-        ></r-text-editor-preview>
-      </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "text_editor_preview",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      items: [
-        {
-          prop: "text",
-          type: "String",
-          default: "null",
-          description: "متن مدنظر",
-        },
-      ],
-    };
-  },
-};
-</script>

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

@@ -1,146 +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-text-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        The component
-        <r-btn readonly size="small"> r-text-input</r-btn>
-        specifies an input field where users can enter text data.
-      </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 {
-    "type": "text",
-    "modelValue": null,
-    "autofocus": false
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-text-input :type="type" v-model="modelValue" :autofocus="autofocus" @update:model-Value="log(`update:modelValue`,$event)" ></r-text-input>'
-    ></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>
-    <section class="pa-4">
-      <r-card class="px-5 py-8 text-center">
-        <h3>Text Input</h3>
-        <r-form v-model="valid">
-          <r-text-input v-model="info.text" :label="$t('Text')"></r-text-input>
-          <r-date-input :label="$t('Select Date')"></r-date-input>
-          <r-btn block class="my-4 color-success">Submit</r-btn>
-        </r-form>
-      </r-card>
-    </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 v-model="info.text" :label="$t(`Text`)"></r-text-input>
-          <r-date-input :label="$t(`Select Date`)"></r-date-input>
-          <r-btn class="my-4 color-success" block>Submit</r-btn>
-        </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>Autofocus</span>
-    </h1>
-    <section class="pa-4">
-      <r-card class="px-5 py-8 text-center">
-        <h3>Text Input</h3>
-        <r-form v-model="valid">
-          <r-text-input
-              v-model="info.text"
-              :label="$t('Text')"
-              autofocus
-          ></r-text-input>
-          <r-btn block class="my-4 color-one">Submit</r-btn>
-        </r-form>
-      </r-card>
-    </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
-            autofocus
-            v-model="info.text"
-            :label="$t(`Text`)"
-          ></r-text-input>
-          <r-btn class="my-4 color-one" block>Submit</r-btn>
-        </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "text_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "type",
-          type: "String",
-          default: "text",
-          description: "Type Text",
-        },
-        {
-          prop: "modelValue",
-          type: "String,Number",
-          default: "null",
-          description: "Model Value",
-        },
-        {
-          prop: "autofocus",
-          type: "Boolean",
-          default: "null",
-          description: "Auto Focus",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>

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

@@ -1,149 +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-text-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        کامپوننت
-        <r-btn readonly size="small"> r-text-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 {
-    "type": "text",
-    "modelValue": null,
-    "autofocus": false
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-text-input :type="type" v-model="modelValue" :autofocus="autofocus" @update:model-Value="log(`update:modelValue`,$event)" ></r-text-input>'
-    ></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>
-    <section class="pa-4">
-      <r-card class="px-5 py-8 text-center">
-        <h3>Text Input</h3>
-        <r-form v-model="valid">
-          <r-text-input v-model="info.text" :label="$t('Text')"></r-text-input>
-          <r-date-input
-              v-model="info.date"
-              :label="$t('Select Date')"
-          ></r-date-input>
-          <r-btn block class="my-4 color-success">Submit</r-btn>
-        </r-form>
-      </r-card>
-    </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 v-model="info.text" :label="$t(`Text`)"></r-text-input>
-          <r-date-input v-model="info.date" :label="$t(`Select Date`)"></r-date-input>
-          <r-btn class="my-4 color-success" block>Submit</r-btn>
-        </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>Autofocus</span>
-    </h1>
-    <section class="pa-4">
-      <r-card class="px-5 py-8 text-center">
-        <h3>Text Input</h3>
-        <r-form v-model="valid">
-          <r-text-input
-              v-model="info.text"
-              :label="$t('Text')"
-              autofocus
-          ></r-text-input>
-          <r-btn block class="my-4 color-one">Submit</r-btn>
-        </r-form>
-      </r-card>
-    </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
-            autofocus
-            v-model="info.text"
-            :label="$t(`Text`)"
-          ></r-text-input>
-          <r-btn class="my-4 color-one" block>Submit</r-btn>
-        </r-form>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "text_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "type",
-          type: "String",
-          default: "text",
-          description: "نوع تایپ",
-        },
-        {
-          prop: "modelValue",
-          type: "String,Number",
-          default: "null",
-          description: "Model Value می گیرد ",
-        },
-        {
-          prop: "autofocus",
-          type: "Boolean",
-          default: "null",
-          description: "فوکوس اتوماتیک",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>

package/docs/src/views/index/v1/component/form/time_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-time-input
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        The
-        <r-btn readonly size="small"> r-time-input</r-btn>
-        component
-        specifies an input field where users can enter time inputs.
-      </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 {
-    "disableTime": (time,show,hour,min,sec)=>{
-      if(show==="hours24" && time>13){
-        return true
-      }
-      return false
-    },
-    "withSec": true,
-    "is24Hour": true,
-    "noOverlay": false,
-    "modelValue": null
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-time-input :disable-Time="disableTime" :with-Sec="withSec" :is-24-Hour="is24Hour" :no-Overlay="noOverlay" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-time-input>'
-    ></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>
-    <section class="pa-4">
-      <r-card class="px-5 py-8 text-center card-hover">
-        <h3 class="color-info-text">Text Input</h3>
-        <r-form v-model="valid">
-          <r-time-input
-              v-model="info.time"
-              :label="$t('Time')"
-              :withSec="100"
-          ></r-time-input>
-          <r-text-input v-model="info.text" :label="$t('Text')"></r-text-input>
-          <r-date-input :label="$t('Select Date')"></r-date-input>
-          <r-btn block class="my-4 color-info">Submit</r-btn>
-        </r-form>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-      valid: false,
-      info: {},
-
-  }
-}"
-        template='
- <r-card class="px-5 py-8 text-center card-hover">
-        <h3 class="color-one-text">Text Input</h3>
-       <r-form v-model="valid">
-          <r-time-input
-            :withSec="100"
-            v-model="info.time"
-            :label="$t(`Time`)"
-          ></r-time-input>
-          <r-text-input v-model="info.text" :label="$t(`Text`)"></r-text-input>
-          <r-date-input :label="$t(`Select Date`)"></r-date-input>
-          <r-btn class="my-4 color-info" block>Submit</r-btn>
-        </r-form>
-      </r-card>
-        '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "time_input",
-  data() {
-    return {
-      valid: false,
-      info: {},
-      props: [
-        {
-          prop: "disableTime",
-          type: "Function",
-          default: "() => {return false;}",
-          description: "Disable Time",
-        },
-        {
-          prop: "withSec",
-          type: "Boolean",
-          default: "null",
-          description: "With Second",
-        },
-        {
-          prop: "is24Hour",
-          type: "Boolean",
-          default: "true",
-          description: "is 24 Hour",
-        },
-        {
-          prop: "noOverlay",
-          type: "Boolean",
-          default: "null",
-          description: "The background makes it dim",
-        },
-        {
-          prop: "modelValue",
-          type: "String",
-          default: "null",
-          description: "Model Value",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>