renusify 2.1.8 → 2.2.0

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

@@ -1,475 +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-list
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        خاصیت
-        <r-btn readonly size="small"> r-list</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 {
-    "disabled": false,
-    "multiple": false,
-    "min": 0,
-    "text": "name",
-    "value": "value",
-    "flat": false,
-    "rounded": false,
-    "subheader": false,
-    "checked": false,
-    "filter": null,
-    "items": [
-            { name: `one`, value: 1, family: `first` },
-            { name: `two`, value: 2, family: `second` },
-            { name: `three`, value: 3, family: `third` },
-          ],
-    "modelValue": null
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-list :disabled="disabled" :multiple="multiple" :min="min" :text="text" :value="value" :flat="flat" :rounded="rounded" :subheader="subheader" :checked="checked" :filter="filter" :items="items" v-model="modelValue" @update:model-Value="log(`update:modelValue`,$event)" ></r-list>'
-    ></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">List</h1>
-    <section class="d-flex h-space-between pt-3 px-20">
-
-      <r-list
-          v-model="valid"
-          :items="[
-            { name: 'one', value: 1, family: 'first' },
-            { name: 'two', value: 2, family: 'second' },
-            { name: 'three', value: 3, family: 'third' },
-          ]"
-      >
-        <template v-slot="{ item }">
-          {{ item }}
-        </template>
-      </r-list>
-
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-return {
-}
-}"
-        template='   <r-card class="pa-4">
-        <r-list
-          v-model="valid"
-          :items="[
-            { name: `one`, value: 1, family: `first` },
-            { name: `two`, value: 2, family: `second` },
-            { name: `three`, value: 3, family: `third` },
-          ]"
-        >
-          <template v-slot="{ item }">
-            {{ item }}
-          </template>
-        </r-list>
-      </r-card>'
-    ></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>Multiple</span>
-    </h1>
-    <section class="d-flex h-space-between pt-3 px-20">
-      <r-card class="pa-4" outlined>
-        <div>{{ valid }}</div>
-        <r-list
-            v-model="valid"
-            :items="[
-            { name: 'one', value: 1, family: 'first' },
-            { name: 'two', value: 2, family: 'second' },
-            { name: 'three', value: 3, family: 'third' },
-          ]"
-            multiple
-        >
-        </r-list>
-        <r-btn class="color-one-text" readonly>
-          <span>
-            Click
-            <r-icon v-html="$r.icons.arrow_up"></r-icon>
-          </span>
-        </r-btn>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-
-return {
- valid: null,
-}
-}"
-        template='    <r-card class="pa-4" outlined>
-        <div>{{ valid }}</div>
-        <r-list
-          v-model="valid"
-          :items="[
-            { name: `one`, value: 1, family: `first` },
-            { name: `two`, value: 2, family: `second` },
-            { name: `three`, value: 3, family: `third` },
-          ]"
-          multiple
-        >
-        </r-list>
-        <r-btn readonly class="color-one-text">
-          <span>
-            Click
-            <r-icon v-html="$r.icons.arrow_up"></r-icon>
-          </span>
-        </r-btn>
-      </r-card>'
-    ></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>Subheader</span>
-    </h1>
-    <section class="pt-3">
-      <r-card class="pa-4" outlined>
-        <div class="subtitle-1">{{ valid }}</div>
-        <r-list
-            v-model="valid"
-            :items="[
-            {
-              name: 'Item 1',
-              value: 1,
-            },
-            {
-              name: 'Item 2',
-              value: 2,
-            },
-            {
-              name: 'Item 3',
-              value: 3,
-            },
-            {
-              name: 'Item 4',
-              value: 4,
-            },
-            {
-              name: 'Item 5',
-              value: 5,
-            },
-          ]"
-            class="text-start"
-            subheader
-        >
-        </r-list>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-
-return {
- valid: null,
-}
-}"
-        template='   <r-card class="pa-4" outlined>
-        <div class="subtitle-1">{{ valid }}</div>
-        <r-list
-          class="text-start"
-          v-model="valid"
-          :items="[
-            {
-              name: `Item 1`,
-              value: 1
-            },
-            {
-              name: `Item 2`,
-              value: 2
-            },
-            {
-              name: `Item 3`,
-              value: 3
-            },
-            {
-              name: `Item 4`,
-              value: 4
-            },
-            {
-              name: `Item 5`,
-              value: 5
-            },
-          ]"
-          subheader
-        >
-        </r-list>
-      </r-card>'
-    ></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>Disabled</span>
-    </h1>
-    <section class="pt-3 text-center">
-      <r-card class="pa-4" outlined>
-        <r-list
-            v-model="valid"
-            :items="[
-            { name: 'Recent', icon: $r.icons.edit, to: { path: '/' } },
-            {
-              name: 'Home',
-              icon: $r.icons.edit,
-              to: {
-                path: '/',
-              },
-            },
-            { name: 'Favorites', icon: $r.icons.edit, to: { path: '/' } },
-          ]"
-            class="text-start"
-            disabled
-        >
-        </r-list>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-
-return {
- valid: null,
-}
-}"
-        template='     <r-card class="pa-4" outlined>
-        <r-list
-          class="text-start"
-          disabled
-          v-model="valid"
-          :items="[
-            { name: `Recent` },
-            {
-              name: `Home`
-              },
-            { name: `Favorites` }
-          ]"
-        >
-        </r-list>
-      </r-card>'
-    ></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>Checked</span>
-    </h1>
-    <section class="pt-3 text-center">
-      <r-card class="pa-4" outlined>
-        <div class="color-one color-white-text px-2 py-1">Recipe</div>
-        <r-list
-            v-model="valid"
-            :items="[
-            { name: 'pepper', value: 1 },
-            { name: 'tomato', value: 2 },
-            { name: 'oil', value: 3 },
-            { name: 'salt', value: 4 },
-            { name: 'cheese', value: 5 },
-          ]"
-            checked
-            class="text-start"
-            multiple
-        >
-        </r-list>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-
-return {
- valid: null,
-}
-}"
-        template='      <r-card class="pa-4" outlined>
-        <div class="color-one color-white-text px-2 py-1">Recipe</div>
-        <r-list
-          checked
-          multiple
-          class="text-start"
-          v-model="valid"
-          :items="[
-            { name: `pepper`,value:1 },
-            { name: `tomato`,value:2 },
-            { name: `oil`,value:3 },
-            { name: `salt`,value:4 },
-            { name: `cheese`,value:5 },
-          ]"
-        >
-        </r-list>
-      </r-card>'
-    ></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>Rounded</span>
-    </h1>
-    <section class="pt-3 px-20 text-center">
-      <r-card class="pa-4 text-center" outlined>
-        <div class="color-one-text px-2 py-1">Group</div>
-        <r-divider class="color-one"></r-divider>
-        <r-list
-            v-model="valid"
-            :items="[
-            { name: `pepper`, value: 1 },
-            { name: `tomato`, value: 2 },
-            { name: `oil`, value: 3 },
-            { name: `salt`, value: 4 },
-            { name: `cheese`, value: 5 },
-          ]"
-            multiple
-            rounded
-        >
-        </r-list>
-      </r-card>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
-  return {
-    valid: null,
-  }
-}"
-        template='      <r-card class="pa-4 text-center" outlined>
-        <div class="color-one-text px-2 py-1">Group</div>
-        <r-divider class="color-one"></r-divider>
-        <r-list
-          rounded
-          multiple
-          v-model="valid"
-          :items="[
-            { name: `pepper`,value:1 },
-            { name: `tomato`,value:2 },
-            { name: `oil`,value:3 },
-            { name: `salt`,value:4 },
-            { name: `cheese`,value:5 },
-          ]"
-        >
-        </r-list>
-      </r-card>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "list",
-  data() {
-    return {
-      valid: null,
-      props: [
-        {
-          prop: "disabled",
-          type: "Boolean",
-          default: "null",
-          description: "غیرفعال کردن",
-        },
-        {
-          prop: "multiple",
-          type: "Boolean",
-          default: "null",
-          description: "ویژگی چندگانه ویژگیی بولی است",
-        },
-        {
-          prop: "min",
-          type: "Number",
-          default: "0",
-          description: "ویژگی min حداقل مقدار مجاز ",
-        },
-        {
-          prop: "text",
-          type: "String",
-          default: "name",
-          description: "متن لیست ",
-        },
-        {
-          prop: "value",
-          type: "String",
-          default: "value",
-          description: "مقدار ",
-        },
-        {
-          prop: "flat",
-          type: "Boolean",
-          default: "null",
-          description: "flat تمام بردرهای گوشه یک المان را حذف می کند.",
-        },
-        {
-          prop: "rounded",
-          type: "Boolean",
-          default: "null",
-          description: "با rounded دایره می شود",
-        },
-        {
-          prop: "subheader",
-          type: "Boolean",
-          default: "null",
-          description:
-              "لیست ها را زیر عنوان در ستون های سه تایی کنار هم قرار می دهد. ",
-        },
-        {
-          prop: "checked",
-          type: "Boolean",
-          default: "null",
-          description: "زمانی که روی آن کلیک شود تیک بخورد ",
-        },
-        {
-          prop: "filter",
-          type: "String",
-          default: "null",
-          description: "فیلتر کردن لیست ",
-        },
-        {
-          prop: "items",
-          type: "Array",
-          default: "null",
-          description: "آیتم که بعنوان لیست وارد می کنید ",
-        },
-        {
-          prop: "modelValue",
-          type: "Array,Object",
-          default: "undefined",
-          description: "اگر input ها داخل فرم معتبر باشند true می شود .",
-        },
-      ],
-      events: [{event: "update:modelValue", description: ""}],
-    };
-  },
-};
-</script>

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

@@ -1,243 +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-map
-      </h1>
-      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
-        With
-        <r-btn readonly size="small"> r-map</r-btn>
-        image maps, you can
-        create clickable areas on an image
-      </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,
-    "center": [35.69940749291485, 51.33705139160157],
-    "height": "500px",
-    "zoom": 13,
-    "searchBox": true,
-    "zoomControl": true,
-    "layerControl": true,
-    "meLocation": true,
-    "disableMove": false,
-    "darkMode": false,
-    "markers": []
-}
-},
-methods:{
- log(name,e){
-  console.log(name,e)
- }
-}'
-        template='<r-map v-model="modelValue" :height="height" :zoom="zoom" :center="center" :markers="markers" :search-Box="searchBox" :zoom-Control="zoomControl" :layer-Control="layerControl" :me-Location="meLocation" :disable-Move="disableMove" :dark-Mode="darkMode" @update:model-Value="log(`update:modelValue`,$event)" @leaflet="log(`leaflet`,$event)" @map="log(`map`,$event)" ></r-map>'
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-  <section class="pa-3 color-white">
-    <section class="pt-6">
-      <r-map></r-map>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template="         <r-map> </r-map>"
-    ></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>Search Box</span>
-    </h1>
-    <section class="pt-6">
-      <r-map searchBox></r-map>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template="    <r-map searchBox> </r-map>"
-    ></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>Markers</span>
-    </h1>
-    <section class="pt-6">
-      <r-map :markers="[{ loc: [35.69940749291485, 51.33705139160157] }]">
-      </r-map>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='  <r-map :markers="[{ loc: [35.69940749291485, 51.33705139160157] }]">
-      </r-map>'
-    ></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>Popup</span>
-    </h1>
-    <section class="pt-6">
-      <r-map
-          :markers="[
-          {
-            loc: [35.69940749291485, 51.33705139160157],
-            popup: 'mark',
-            open_popup: true,
-          },
-        ]"
-      >
-      </r-map>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='  <r-map
-        :markers="[
-          {
-            loc: [35.69940749291485, 51.33705139160157],
-            popup: `mark`,
-            open_popup: true,
-          },
-        ]"
-      >
-      </r-map> '
-    ></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>Tooltip</span>
-    </h1>
-    <section class="pt-6">
-      <r-map
-          :markers="[
-          {
-            loc: [35.69940749291485, 51.33705139160157],
-            tooltip: 'tooltip',
-          },
-        ]"
-      >
-      </r-map>
-    </section>
-    <p class="caption">Press run Button</p>
-    <r-code-editor
-        runnable
-        script="data(){
- return {
-  }
-}"
-        template='   <r-map
-        :markers="[
-          {
-            loc: [35.69940749291485, 51.33705139160157],
-            tooltip: `tooltip`,
-          },
-        ]"
-      >
-      </r-map> '
-    ></r-code-editor>
-  </section>
-  <br/>
-  <br/>
-</template>
-<script>
-export default {
-  name: "emap",
-  data() {
-    return {
-      props: [
-        {
-          prop: "modelValue",
-          type: "Array",
-          default: "null",
-          description: "When you click on the map, it returns the value.",
-        },
-        {prop: "height", type: "String", default: "500px", description: ""},
-        {prop: "zoom", type: "Number", default: "13", description: ""},
-        {
-          prop: "center",
-          type: "Array",
-          default: "[35.69940749291485, 51.33705139160157]",
-          description: "",
-        },
-        {prop: "markers", type: "Array", default: "[]", description: ""},
-        {
-          prop: "searchBox",
-          type: "Boolean",
-          default: "null",
-          description: "Search access.",
-        },
-        {
-          prop: "zoomControl",
-          type: "Boolean",
-          default: "true",
-          description: "Control Zoom",
-        },
-        {
-          prop: "layerControl",
-          type: "Boolean",
-          default: "true",
-          description:
-              "The Layer Control can manage and control the layers created on a map.",
-        },
-        {
-          prop: "meLocation",
-          type: "Boolean",
-          default: "true",
-          description: "Your current location",
-        },
-        {
-          prop: "disableMove",
-          type: "Boolean",
-          default: "false",
-          description: "Disable Move",
-        },
-        {
-          prop: "darkMode",
-          type: "Boolean",
-          default: "null",
-          description: "Dark Mode",
-        },
-      ],
-      events: [
-        {event: "update:modelValue", description: ""},
-        {event: "leaflet", description: ""},
-        {event: "map", description: ""},
-      ],
-    };
-  },
-};
-</script>