npm - renusify - Versions diffs - 2.1.5 → 2.1.8 - Mend

renusify 2.1.5 → 2.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (231) hide show

package/docs/package.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "name": "renusify",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serv": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "axios": "^1.6.0",
+    "core-js": "^3.35.0",
+    "register-service-worker": "^1.7.2",
+    "renusify": "^2.1.8",
+    "vue": "^3.4.3",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.7",
+    "@babel/eslint-parser": "^7.23.3",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-plugin-pwa": "^5.0.8",
+    "@vue/cli-plugin-router": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-vue": "^9.19.2",
+    "prettier": "^3.1.1",
+    "sass": "^1.69.6",
+    "sass-loader": "^13.3.3"
+  }
+}

package/docs/public/404.jpg ADDED Viewed

Binary file

package/docs/public/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta content="ltr" name="direction"/>
+    <meta content="IE=edge" http-equiv="X-UA-Compatible">
+    <meta content="width=device-width,initial-scale=1.0" name="viewport">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+<body>
+<noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong>
+</noscript>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+</body>
+</html>

package/docs/public/logo.jpg ADDED Viewed

Binary file

package/docs/public/manifest.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "renusify",
+  "short_name": "renusify",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ],
+  "display": "standalone",
+  "background_color": "#000",
+  "theme_color": "#000",
+  "lang": "en",
+  "dir": "ltr",
+  "description": "renusify",
+  "start_url": "/"
+}

package/docs/public/pwa/android-chrome-192x192.png ADDED Viewed

File without changes

package/docs/public/pwa/android-chrome-256x256.png ADDED Viewed

File without changes

package/docs/public/pwa/apple-touch-icon.png ADDED Viewed

Binary file

package/docs/public/pwa/favicon-16x16.png ADDED Viewed

Binary file

package/docs/public/pwa/favicon-32x32.png ADDED Viewed

Binary file

package/docs/public/pwa/favicon.ico ADDED Viewed

Binary file

package/docs/public/pwa/mstile-150x150.png ADDED Viewed

Binary file

package/docs/public/pwa/safari-pinned-tab.svg ADDED Viewed

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+        "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+     width="281.000000pt" height="281.000000pt" viewBox="0 0 281.000000 281.000000"
+     preserveAspectRatio="xMidYMid meet">
+    <metadata>
+        Created by potrace 1.14, written by Peter Selinger 2001-2017
+    </metadata>
+    <g transform="translate(0.000000,281.000000) scale(0.100000,-0.100000)"
+       fill="#000000" stroke="none">
+        <path d="M623 2640 c-234 -60 -404 -246 -454 -495 -16 -84 -16 -1385 0 -1470
+49 -249 222 -436 456 -496 64 -16 130 -18 750 -18 627 0 686 1 751 18 241 62
+411 246 457 496 19 99 17 1402 -2 1490 -20 94 -92 232 -158 301 -95 99 -180
+148 -312 178 -62 14 -157 16 -744 15 -617 -1 -678 -2 -744 -19z"/>
+    </g>
+</svg>

package/docs/public/robots.txt ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ User-agent: *
2	+ Disallow:

package/docs/src/Index.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template>
+  <r-app>
+    <r-content>
+      <router-view/>
+    </r-content>
+  </r-app>
+</template>
+<script>
+export default {
+  name: "index-base",
+};
+</script>
+<style lang="scss">
+body {
+  --color-background-one-light: #fff;
+}
+</style>

package/docs/src/components/buttomNextPage.vue ADDED Viewed

@@ -0,0 +1,72 @@
+<template>
+  <r-container>
+    <r-divider class="mt-10"></r-divider>
+    <r-row>
+      <r-col class="text-start">
+        <r-btn v-if="pre_btn" :to="pre_btn.to" class="color-info-text" text>
+          <r-icon v-html="$r.icons.arrow_left"></r-icon>
+          {{ pre_btn.name }}
+        </r-btn>
+      </r-col>
+      <r-col class="text-end">
+        <r-btn v-if="next_btn" :to="next_btn.to" class="color-info-text" text>
+          {{ next_btn.name }}
+          <r-icon v-html="$r.icons.arrow_right"></r-icon>
+        </r-btn>
+      </r-col>
+    </r-row>
+  </r-container>
+</template>
+<script>
+export default {
+  name: "buttomNextPage",
+  computed: {
+    menu() {
+      let res = [];
+      if (this.$r.store.menu) {
+        this.$r.store.menu.forEach((menu) => {
+          if (menu.to) {
+            res.push({name: menu.name, to: menu.to});
+          }
+          if (menu.childs) {
+            menu.childs.forEach((m) => {
+              if (m.to) {
+                res.push({name: m.name, to: m.to});
+              }
+              if (m.childs) {
+                m.childs.forEach((mm) => {
+                  if (mm.to) {
+                    res.push({name: mm.name, to: mm.to});
+                  }
+                });
+              }
+            });
+          }
+        });
+      }
+      return res;
+    },
+    current() {
+      for (let i = 0; i < this.menu.length; i++) {
+        if (this.menu[i].to.params.path === this.$route.params.path) {
+          return i;
+        }
+      }
+      return -10;
+    },
+    next_btn() {
+      return this.menu[this.current + 1];
+    },
+    pre_btn() {
+      return this.menu[this.current - 1];
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "~renusify/style/include";
+</style>

package/docs/src/components/sideBar.vue ADDED Viewed

@@ -0,0 +1,141 @@
+<template>
+  <r-container class="side-bar" full-width>
+    <slot name="first"></slot>
+    <r-row class="flex-column">
+      <r-col v-for="(item, i) in items" :key="i">
+        <div v-if="item.type === 'hr'" class="text-center caption">
+          {{ $t(item.name) }}
+          <r-divider></r-divider>
+        </div>
+        <div
+            v-else
+            @click.prevent="select === i ? (select = null) : (select = i)"
+        >
+          <r-card
+              :class="{
+              'router-link-exact-active': select === i,
+            }"
+              :to="item.to"
+              class="side-bar-item title d-flex h-space-between px-1 py-2"
+              flat
+              ripple
+          >
+            <span class="flex-grow-1">
+              <r-icon v-if="item.icon" exact v-html="item.icon"></r-icon>
+              {{ $t(item.name) }}
+            </span>
+            <r-icon
+                v-if="item.childs"
+                :class="{
+                'side-bar-icon-active': select === i,
+              }"
+                v-html="$r.icons.chevron_down"
+            ></r-icon>
+          </r-card>
+        </div>
+        <div
+            v-if="item.childs"
+            :class="{
+            'side-bar-sub-item-active': select === i,
+          }"
+            class="side-bar-sub-item ms-2"
+        >
+          <r-card
+              v-for="(child, j) in item.childs"
+              :key="`${i}-${j}`"
+              :to="child.to"
+              class="side-bar-sub-item-link d-block subtitle-1 px-1 py-2 mb-1"
+              flat
+              ripple
+              @click.prevent="child.to ? '' : (select2 = i + '-' + j)"
+          >
+            <div class="d-flex h-space-between">
+              {{ $t(child.name) }}
+              <r-icon
+                  v-if="child.childs"
+                  :class="{
+                  'side-bar-icon-active': select2 === i + '-' + j,
+                }"
+                  v-html="$r.icons.chevron_down"
+              ></r-icon>
+            </div>
+            <div
+                v-if="child.childs"
+                :class="{
+                'side-bar-sub-item2-active': select2 === i + '-' + j,
+              }"
+                class="side-bar-sub-item2 ms-2"
+            >
+              <r-card
+                  v-for="(child2, k) in child.childs"
+                  :key="`${i}-${j}-${k}`"
+                  :to="child2.to"
+                  class="side-bar-sub-item-link d-block subtitle-1 px-1 py-2 mb-1"
+                  flat
+                  ripple
+              >
+                {{ $t(child2.name) }}
+              </r-card>
+            </div>
+          </r-card>
+        </div>
+      </r-col>
+    </r-row>
+  </r-container>
+</template>
+<script>
+export default {
+  name: "sideBar",
+  props: {
+    items: Array,
+  },
+  data() {
+    return {
+      select: null,
+      select2: null,
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "~renusify/style/include";
+.side-bar {
+  &-item {
+    cursor: pointer;
+  }
+  &-icon-active {
+    transition: 0.3s all ease;
+    transform: rotateZ(180deg) !important;
+  }
+  &-sub-item {
+    opacity: 0.9;
+    transition: 0.2s all ease-in-out;
+    max-height: 0;
+    height: auto;
+    overflow: hidden;
+    &-active {
+      transition: 0.3s all ease-in;
+      max-height: 2000px;
+    }
+  }
+  &-sub-item2 {
+    opacity: 0.8;
+    transition: 0.2s all ease-in-out;
+    max-height: 0;
+    height: auto;
+    overflow: hidden;
+    &-active {
+      transition: 0.3s all ease-in;
+      max-height: 2000px;
+    }
+  }
+}
+</style>

package/docs/src/components/tableEvents.vue ADDED Viewed

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <r-table :items="items" borderd>
+      <template #row="{ item, th, key, opened, open, show }">
+        <td v-for="(value, k) in th" :key="`${key}- ${k}`">
+          <div
+              :class="{
+              'color-info-text font-weight-bold': value.value === 'event',
+              'color-secondary-text': value.value === 'description',
+            }"
+          >
+            <r-btn v-if="show(k)" icon text @click.prevent="open(key)">
+              <r-icon v-if="opened !== key" v-html="$r.icons.plus"></r-icon>
+              <r-icon v-else v-html="$r.icons.minus"></r-icon>
+            </r-btn>
+            {{ item[value.value] }}
+          </div>
+        </td>
+      </template>
+    </r-table>
+  </div>
+</template>
+<script>
+export default {
+  name: "tableProps",
+  props: {items: Array},
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss">
+@import "~renusify/style/include";
+</style>

package/docs/src/components/tableProps.vue ADDED Viewed

@@ -0,0 +1,36 @@
+<template>
+  <r-table :items="items" borderd>
+    <template #row="{ item, th, key, opened, open, show }">
+      <td v-for="(value, k) in th" :key="`${key}- ${k}`">
+        <div
+            :class="{
+            'color-info-text font-weight-bold': value.value === 'prop',
+            'color-success-text': value.value === 'type',
+            'color-one-text ltr': value.value === 'default',
+            'color-secondary-text': value.value === 'description',
+          }"
+        >
+          <r-btn v-if="show(k)" icon text @click.prevent="open(key)">
+            <r-icon v-if="opened !== key" v-html="$r.icons.plus"></r-icon>
+            <r-icon v-else v-html="$r.icons.minus"></r-icon>
+          </r-btn>
+          {{ item[value.value] }}
+        </div>
+      </td>
+    </template>
+  </r-table>
+</template>
+<script>
+export default {
+  name: "tableProps",
+  props: {items: Array},
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss">
+@import "~renusify/style/include";
+</style>

package/docs/src/components/treeElement.vue ADDED Viewed

@@ -0,0 +1,21 @@
+<template>
+  <r-card
+      class="pa-10 color-info color-white-text mx-2"
+      style="width: 200px; height: 100px"
+  >
+    {{ node.name }}
+  </r-card>
+</template>
+<script>
+export default {
+  name: "treeElement",
+  props: {
+    node: Object,
+  },
+};
+</script>
+<style lang="scss">
+@import "~renusify/style/include";
+</style>

package/docs/src/index.js ADDED Viewed

@@ -0,0 +1,26 @@
+import {createApp} from "vue";
+import App from "./Index.vue";
+import Axios from "./plugins/axios";
+import "./registerServiceWorker";
+import router from "./router/index";
+import renusify from "renusify";
+import ButtomNextPage from "./components/buttomNextPage";
+import tableProps from "./components/tableProps";
+import tableEvents from "./components/tableEvents";
+import * as components from "renusify/components";
+import {scroll, title, intersect} from "renusify/directive";
+window.app = createApp(App)
+  .use(router)
+  .use(Axios)
+  .use(renusify, {
+    autoAddTranslate: false,
+    useNotify: true,
+    components: components,
+    directives: {title, scroll, intersect},
+  })
+  .component("ButtomNextPage", ButtomNextPage)
+  .component("tableProps", tableProps)
+  .component("tableEvents", tableEvents)
+  .mount("#app");

package/docs/src/layouts/renusify.vue ADDED Viewed

@@ -0,0 +1,215 @@
+<template>
+  <div
+      :class="{
+      'menu-open': open,
+    }"
+      class="template-main h-end"
+  >
+    <div class="toolbar border-none d-flex v-center color-white">
+      <r-btn class="btn-menu" icon text @click.prevent="open = !open">
+        <r-icon v-if="!open" v-html="$r.icons.menu"></r-icon>
+        <r-icon v-else v-html="$r.icons.close"></r-icon>
+      </r-btn>
+      <router-link target="_blank" to="/">
+        <img alt="renusify" class="me-2" height="60" src="/logo.jpg" width="210"/>
+      </router-link>
+      <r-spacer></r-spacer>
+      <r-select-input
+          v-model="lang"
+          :items="[
+          { name: 'English', value: 'en' },
+          { name: 'فارسی', value: 'fa' },
+        ]"
+          just-value
+      ></r-select-input>
+    </div>
+    <div class="menu-main">
+      <div class="list color-white">
+        <sideBar :items="menu"></sideBar>
+      </div>
+      <div class="hover-div" @click.prevent="open = false"></div>
+    </div>
+    <div class="router-div">
+      <div class="position-relative">
+        <router-view v-slot="{ Component }">
+          <transition mode="out-in" name="slide-start">
+            <component :is="Component"/>
+          </transition>
+        </router-view>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import sideBar from "../components/sideBar";
+export default {
+  name: "renusify",
+  components: {sideBar},
+  metaInfo: {
+    title: "renusify",
+  },
+  data() {
+    return {
+      open: false,
+      lang: "en",
+      version: "en",
+      menu: [],
+    };
+  },
+  created() {
+    this.lang = this.$route.params.lang || this.$storage.get("lang");
+    this.version = this.$route.params.version || "v1";
+    if (this.lang === "fa") {
+      this.$r.rtl = true;
+    }
+    this.$r.lang = this.lang;
+    import(
+    "../views/index/" + this.version + "/menu/" + this.lang + ".json"
+        ).then((data) => {
+      this.menu = data.default;
+      this.$r.store.menu = this.menu;
+    });
+  },
+  watch: {
+    $route: function () {
+      this.open = false;
+    },
+    lang: function (n) {
+      const lang = this.$route.params.lang || this.$storage.get("lang");
+      this.$storage.set("lang", n);
+      if (n !== lang) {
+        window.location = window.location.href.replace(`/${lang}/`, `/${n}/`);
+      }
+    },
+  },
+};
+</script>
+<style lang="scss">
+@import "~renusify/style/_include";
+$menu-width: 300px;
+.template-main {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  .toolbar {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: $toolbar-height;
+    z-index: map_get($z-index, "medium");
+  }
+  &.menu-open {
+    .menu-main {
+      width: 100vw;
+      opacity: 1;
+      background-color: rgba(0, 0, 0, 0.4);
+    }
+    .hover-div {
+      width: calc(100% - #{$menu-width});
+      max-width: calc(100% - #{$menu-width});
+      min-height: calc(100vh - #{$toolbar-height});
+      transition: 0.1s all ease-in-out;
+      position: absolute;
+      top: 0;
+      z-index: 2;
+      @include rtl() {
+        left: 0;
+      }
+      @include ltr() {
+        right: 0;
+      }
+    }
+    .list {
+      @include rtl() {
+        right: 0 !important;
+      }
+      @include ltr() {
+        left: 0 !important;
+      }
+    }
+  }
+  .menu-main {
+    transition: 0.3s all ease-in-out;
+    height: calc(100vh - #{$toolbar-height});
+    top: $toolbar-height;
+    position: fixed;
+    z-index: map_get($z-index, "medium");
+    opacity: 0;
+    @include rtl() {
+      right: 0;
+    }
+    @include ltr() {
+      left: 0;
+    }
+    .list {
+      overflow-y: auto;
+      width: $menu-width;
+      transition: 0.3s all ease-in-out;
+      background-color: var(--color-sheet);
+      height: 100%;
+      position: absolute;
+      top: 0;
+      @include rtl() {
+        right: -$menu-width;
+      }
+      @include ltr() {
+        left: -$menu-width;
+      }
+      font-weight: bold;
+    }
+  }
+  .router-div {
+    position: fixed;
+    top: $toolbar-height;
+    width: 100%;
+    max-width: 100%;
+    overflow-y: auto;
+    height: calc(100vh - #{$toolbar-height});
+    @include rtl() {
+      left: 0;
+    }
+    @include ltr() {
+      right: 0;
+    }
+  }
+  @include media-breakpoint-up("lg") {
+    .btn-menu {
+      display: none;
+    }
+    .menu-main {
+      width: $menu-width !important;
+      background-color: transparent;
+      opacity: 1;
+    }
+    .router-div {
+      width: calc(100% - #{$menu-width});
+      max-width: calc(100% - #{$menu-width});
+    }
+    .hover-div {
+      width: 0 !important;
+    }
+    .list {
+      @include rtl() {
+        right: 0 !important;
+      }
+      @include ltr() {
+        left: 0 !important;
+      }
+    }
+  }
+}
+</style>