renusify 2.1.8 → 2.2.0

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

@@ -1,510 +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-img
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        می‌توانید با استفاده از تصاویر پویا و پیشرو با استفاده از
-        <r-btn readonly size="small"> r-img</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 {
-    "src": "/test.jpg",
-    "alt": "title",
-    "lazy": "create",
-    "width": null,
-    "height": null,
-    "query": null,
-    "autoSize": false,
-    "hoverZoom": false,
-    "hoverDark": false,
-    "hoverTitle": false,
-    "titleHs": false,
-    "titleHc": false,
-    "titleHe": false,
-    "titleVs": false,
-    "titleVc": false,
-    "titleVe": false,
-    "isSvg": false,
-    "svgCache": 86400,
-    "wPH": 1
-}
-}'
-        template='<r-img :src="src" :alt="alt" :lazy="lazy" :width="width" :height="height" :query="query" :auto-Size="autoSize" :hover-Zoom="hoverZoom" :hover-Dark="hoverDark" :hover-Title="hoverTitle" :title-Hs="titleHs" :title-Hc="titleHc" :title-He="titleHe" :title-Vs="titleVs" :title-Vc="titleVc" :title-Ve="titleVe" :is-Svg="isSvg" :svg-Cache="svgCache" :w-P-H="wPH" ></r-img>'
-    ></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>Src</span>
-    </h1>
-    <section class="d-flex h-space-around">
-      <div
-          class="color-info"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :w-p-h="2 / 1"
-            alt="404 page"
-            class="pa-4"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-      <div
-          class="color-success"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img :w-p-h="2" alt="404 page" class="pa-4" src="/test.jpg"></r-img>
-      </div>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='
-  <div class="d-flex h-space-around">
-  <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-info"
-      >
-        <r-img
-          class="pa-4"
-          src="/test.jpg"
-          alt="404 page"
-          :w-p-h="2 / 1"
-        ></r-img>
-      </div>
-      <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-success"
-      >
-        <r-img
-          class="pa-4"
-          src="/test.jpg"
-          alt="404 page"
-          :w-p-h="2"
-        ></r-img>
-      </div>
-</div>
-'
-    ></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>Width</span>
-    </h1>
-    <section class="d-flex h-space-around">
-      <div
-          class="color-info"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :width="100"
-            alt="404 page"
-            class="pa-4 color-one"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-      <div
-          class="color-success"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :w-p-h="2"
-            :width="150"
-            alt="404 page"
-            class="pa-4 color-two"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='
-  <div class="d-flex h-space-around">
-    <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-info"
-      >
-        <r-img
-          :width="100"
-          class="pa-4 color-one"
-          src="/test.jpg"
-          alt="404 page"
-        ></r-img>
-      </div>
-      <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-success"
-      >
-        <r-img
-          :width="150"
-          class="pa-4 color-two"
-          src="/test.jpg"
-          alt="404 page"
-          :w-p-h="2"
-        ></r-img>
-      </div>
-</div>
-'
-    ></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>Height</span>
-    </h1>
-    <section class="d-flex h-space-around">
-      <div
-          class="color-info"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :height="60"
-            :width="100"
-            alt="404 page"
-            class="pa-4 color-warning"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-      <div
-          class="color-success"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :height="100"
-            :w-p-h="2"
-            :width="150"
-            alt="404 page"
-            class="pa-4 color-grey-base"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='
-  <div class="d-flex h-space-around">
-         <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-info"
-      >
-        <r-img
-          :height="60"
-          :width="100"
-          class="pa-4 color-warning"
-          src="/test.jpg"
-          alt="404 page"
-        ></r-img>
-      </div>
-      <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-success"
-      >
-        <r-img
-          :height="100"
-          :width="150"
-          class="pa-4 color-grey-base"
-          src="/test.jpg"
-          alt="404 page"
-          :w-p-h="2"
-        ></r-img>
-      </div>
-</div>
-'
-    ></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>AutoSize</span>
-    </h1>
-    <section class="d-flex h-space-around">
-      <div
-          class="color-info"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            alt="404 page"
-            autoSize
-            class="color-warning br-circle"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-      <div
-          class="color-success"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :w-p-h="2"
-            alt="404 page"
-            autoSize
-            class="color-gradient-one br-circle"
-            src="/test.jpg"
-        ></r-img>
-      </div>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='
-  <div class="d-flex h-space-around">
-         <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-info"
-      >
-        <r-img
-          autoSize
-          class="color-warning br-circle"
-          src="/test.jpg"
-          alt="404 page"
-        ></r-img>
-      </div>
-      <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-success"
-      >
-        <r-img
-          autoSize
-          class="color-gradient-one br-circle"
-          src="/test.jpg"
-          alt="404 page"
-          :w-p-h="2"
-        ></r-img>
-      </div>
-</div>
-'
-    ></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>HoverZoom</span>
-    </h1>
-    <section class="d-flex h-space-around">
-      <div
-          class="color-info"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :height="100"
-            :width="100"
-            alt="404 page"
-            class="pa-4 color-one"
-            hoverZoom
-            src="/test.jpg"
-        ></r-img>
-      </div>
-      <div
-          class="color-success"
-          style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-      >
-        <r-img
-            :height="150"
-            :width="150"
-            alt="404 page"
-            class="pa-4 color-one"
-            hoverZoom
-            src="/test.jpg"
-        ></r-img>
-      </div>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='
-  <div class="d-flex h-space-around">
-             <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-info"
-      >
-        <r-img
-          hoverZoom
-          :height="100"
-          :width="100"
-          class="pa-4 color-one"
-          src="/test.jpg"
-          alt="404 page"
-        ></r-img>
-      </div>
-      <div
-        style="width: 250px; height: 250px; border: 1px #1345c5 solid"
-        class="color-success"
-      >
-        <r-img
-          hoverZoom
-          :height="150"
-          :width="150"
-          class="pa-4 color-one"
-          src="/test.jpg"
-          alt="404 page"
-        ></r-img>
-      </div>
-</div>
-'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "img",
-  data() {
-    return {
-      items: [
-        {
-          prop: "src",
-          type: "String",
-          default: "undefined",
-          description: "سورس عکس را بعنوان ورودی می گیرد .",
-        },
-        {
-          prop: "alt",
-          type: "String",
-          default: "undefined",
-          description: " توصیف ‌کننده ",
-        },
-        {
-          prop: "lazy",
-          type: "String",
-          default: "create",
-          description: "به تآخیر انداختن تصاویر",
-        },
-        {
-          prop: "width",
-          type: "String,Number",
-          default: "undefined",
-          description: "عرض عکس",
-        },
-        {
-          prop: "height",
-          type: "String,Number",
-          default: "undefined",
-          description: "ارتفاع عکس",
-        },
-        {
-          prop: "query",
-          type: "String",
-          default: "null",
-          description: " می توانید یک query با عکس ارسال کنید . ",
-        },
-        {
-          prop: "autoSize",
-          type: "Boolean",
-          default: "null",
-          description: "اتوماتیک عرض و ارتفاع می دهد.",
-        },
-        {
-          prop: "hoverZoom",
-          type: "Boolean",
-          default: "null",
-          description: "بزرگنمایی در هنگام هاور",
-        },
-        {
-          prop: "hoverDark",
-          type: "Boolean",
-          default: "null",
-          description: "تیرگی هنگام هاور",
-        },
-        {
-          prop: "hoverTitle",
-          type: "Boolean",
-          default: "null",
-          description: "عنوان بعداز هوور",
-        },
-        {
-          prop: "titleHs",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با text-align -> start ",
-        },
-        {
-          prop: "titleHc",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با text-align -> center ",
-        },
-        {
-          prop: "titleHe",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با text-align -> end ",
-        },
-        {
-          prop: "titleVs",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با top -> 10px ",
-        },
-        {
-          prop: "titleVc",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با top -> 50% ",
-        },
-        {
-          prop: "titleVe",
-          type: "Boolean",
-          default: "null",
-          description: "تنظیم متن با bottom -> 10px ",
-        },
-        {
-          prop: "isSvg",
-          type: "Boolean",
-          default: "null",
-          description: "عکس Svg بود ",
-        },
-        {
-          prop: "svgCache",
-          type: "Number",
-          default: "86400",
-          description: "   سرعت بارگذاری تصایر",
-        },
-        {
-          prop: "wPH",
-          type: "Number",
-          default: "null",
-          description: "نسبت عرض به ارتفاع عکس را مشخص کی کند ",
-        },
-      ],
-    };
-  },
-};
-</script>

package/docs/src/views/index/v1/component/infinite/infinite_box/en.vue

@@ -1,107 +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-infinite-box
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        <r-btn readonly size="small"> r-infinite-box</r-btn>
-        A box that repeats forever.
-      </p>
-    </div>
-
-    <table-props :items="items"></table-props>
-  </section>
-  <section>
-    url response:{data:Array,total:Number}
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script='data(){
- return {
-    "color": "color-two",
-    "isChat": false,
-    "title": "messages",
-    "url": "messages/list",
-    "height": "400px",
-    "query": null,
-    "isLive": false,
-    "liveTimer": 10000,
-    "headers": null
-}
-}'
-        template='<r-infinite-box :headers="headers" :color="color" :is-Chat="isChat" :title="title" :url="url" :height="height" :query="query" :is-Live="isLive" :live-Timer="liveTimer" >
-	<template v-slot="{ item }">
-	  {{item}}
-	</template>
-</r-infinite-box>'
-    ></r-code-editor>
-  </section>
-</template>
-<script>
-export default {
-  name: "infinite_box",
-  data() {
-    return {
-      items: [
-        {
-          prop: "color",
-          type: "String",
-          default: "color-two",
-          description: "Color",
-        },
-        {
-          prop: "isChat",
-          type: "Boolean",
-          default: "null",
-          description: "Automatically scrolling down",
-        },
-        {
-          prop: "title",
-          type: "String",
-          default: "title",
-          description: "Title",
-        },
-        {
-          prop: "url",
-          type: "String",
-          default: "undefined",
-          description:
-              "The link to receive information, the return value of which should be based on the {data:Array,total:Number} format.",
-        },
-        {
-          prop: "height",
-          type: "String",
-          default: "400px",
-          description: "Height",
-        },
-        {
-          prop: "query",
-          type: "Object",
-          default: "undefined",
-          description: "If you want to send parameter.",
-        },
-        {
-          prop: "isLive",
-          type: "Boolean",
-          default: "null",
-          description: "Is Live",
-        },
-        {
-          prop: "liveTimer",
-          type: "Number",
-          default: "10000",
-          description:
-              "After a certain amount of time, the page is refreshed again.",
-        },
-        {
-          prop: "headers",
-          type: "Object",
-          default: "null",
-          description: "Extra header for sending",
-        },
-      ],
-    };
-  },
-};
-</script>