renusify 2.1.5 → 2.1.8

package/docs/src/views/index/v1/mixins/root/fa.vue

@@ -0,0 +1,131 @@
+<template>
+  <section>
+    <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+      r-root
+    </h1>
+    <p class="mt-5 title">
+      وقتی root باشد . وقتی که href یا to دارد root است , پس لینک است.
+    </p>
+    <r-table
+        :items="[
+        {
+          prop: 'activeClass',
+          type: 'String',
+          default: 'false',
+          description: 'وقتی که فعال بود بیاد . ',
+        },
+        {
+          prop: 'disabled',
+          type: 'Boolean',
+          default: 'false',
+          description: ' غیر فعال می شود .',
+        },
+        {
+          prop: 'exactActiveClass',
+          type: 'String',
+          default: 'false',
+          description: 'دقیقا الان فعال می باشد . ',
+        },
+        {
+          prop: 'link',
+          type: 'Boolean',
+          default: 'false',
+          description: 'لینک است',
+        },
+        {
+          prop: 'href',
+          type: 'String or Object',
+          default: 'false',
+          description: 'href است .',
+        },
+        {
+          prop: 'to',
+          type: 'String or Object',
+          default: 'false',
+          description: 'to است .',
+        },
+        {
+          prop: 'tag',
+          type: 'String',
+          default: 'false',
+          description: 'مشخص مس کند tag آن چه تگی باشد.',
+        },
+        {
+          prop: 'target',
+          type: 'String',
+          default: 'false',
+          description: 'blank ,self, parent, top , framename ',
+        },
+      ]"
+        borderd
+    >
+      <template #row="{ item, th, key, opened, open, show }">
+        <td v-for="(value, k) in th" :key="`${key}- ${k}`">
+          <div
+              :class="{
+              'color-info-text': value.value === 'prop',
+              'font-weight-bold': value.value === 'prop',
+              'color-success-text': value.value === 'type',
+              'color-one-text': value.value === 'default',
+              'color-secondary-text': value.value === 'description',
+            }"
+          >
+            <r-btn v-if="show(k)" icon text @click.prevent="open(key)">
+              <r-icon
+                  :class="{
+                  'mdi-plus': opened !== key,
+                  'mdi-minus': opened === key,
+                }"
+              ></r-icon>
+            </r-btn>
+            {{ item[value.value] }}
+          </div>
+        </td>
+      </template>
+    </r-table>
+  </section>
+  <br/><br/>
+  <br/><br/>
+  <section>
+    <r-breadcrumbs
+        :items="[{ name: 'Root' }, { name: 'Props' }]"
+    ></r-breadcrumbs>
+    <div class="title font-weight-bold pa-5">
+      <p>
+        این دکمه بصورت پیش فرض کلاس ها دارد . اما براساس نیاز شما می تواند تغییر
+        کند.
+      </p>
+    </div>
+  </section>
+  <section class="pa-3"></section>
+  <section>
+    <pre>
+       <r-code-editor>
+        <div class="code-template">
+          (!r-btn to="/" activeClass !)ActiveClass(!/r-btn!)
+          (!r-btn to="/" disabled!)Disabled(!/r-btn!)
+          (!r-btn link="/" !)Link(!/r-btn!)
+          (!r-card to="/" exactActiveClass !)ExactActiveClass(!/r-card!)
+          (!r-card href="/" !)Href(!/r-card!)
+          (!r-card to="/" !)To(!/r-card!)
+          (!r-btn tag="div" !)Tag(!/r-btn!)
+          (!r-card to="/" target="blank" !)Target(!/r-card!)
+        </div>
+      </r-code-editor>
+    </pre>
+  </section>
+  <br/><br/>
+</template>
+
+<script>
+export default {
+  name: "root",
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="scss">
+@import "~renusify/style/include";
+</style>

package/docs/vue.config.js

@@ -0,0 +1,39 @@
+const path = require("path");
+const {defineConfig} = require("@vue/cli-service");
+module.exports = defineConfig({
+  //transpileDependencies: true,
+  pages: {
+    index: {
+      entry: "src/index.js",
+
+      template: "public/index.html",
+
+      filename: "index.html"
+    }
+  },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        app_root: path.resolve(__dirname, "../")
+      }
+    }
+  },
+  pwa: {
+    iconPaths: {
+      favicon32: '/pwa/favicon-32x32.png',
+      favicon16: '/pwa/favicon-16x16.png',
+      appleTouchIcon: '/pwa/apple-touch-icon.png',
+      msTileImage: '/pwa/mstile-150x150.png',
+      maskIcon: '/pwa/safari-pinned-tab.svg',
+    },
+    name: "renusify",
+    themeColor: "#fff",
+    msTileColor: "#000000",
+    appleMobileWebAppCapable: "yes",
+    appleMobileWebAppStatusBarStyle: "black"
+  },
+  outputDir: "dist",
+  publicPath: "/",
+
+  productionSourceMap: true,
+});

package/index.js

@@ -101,31 +101,39 @@ export default {
                 }
             }
         }
-
+        app.provide('$r', app.config.globalProperties.$r)
         // renusify toast
         app.config.globalProperties.$toast = function (message, options) {
             Toast.show(message, options);
         }
+        app.provide('$toast', app.config.globalProperties.$toast)
         // renusify storage
         app.config.globalProperties.$storage = Storage
+        app.provide('$storage', app.config.globalProperties.$storage)
 
         // renusify helper
         app.config.globalProperties.$helper = helper
+        app.provide('$helper', app.config.globalProperties.$helper)
         // renusify translate
         app.config.globalProperties.$translate = new Translate(app.config.globalProperties.$r, app.config.globalProperties.$storage)
+        app.provide('$translate', app.config.globalProperties.$translate)
         app.config.globalProperties.$dateTime = new DateTime(app.config.globalProperties.$r, app.config.globalProperties.$r.langs)
+        app.provide('$dateTime', app.config.globalProperties.$dateTime)
         app.config.globalProperties.$t = (key, package_name = null, lang = null) => app.config.globalProperties.$translate.get(key, package_name, lang)
+        app.provide('$t', app.config.globalProperties.$t)
         app.config.globalProperties.$d = (value, key = 'long', local = null) => app.config.globalProperties.$dateTime.formatLocal(value, key, local)
+        app.provide('$d', app.config.globalProperties.$d)
         const c = new Currency(app.config.globalProperties.$r)
         app.config.globalProperties.$n = (value) => c.formatLocal(value)
+        app.provide('$n', app.config.globalProperties.$n)
         // renusify validation
         const v = new valid(app.config.globalProperties.$t)
         app.config.globalProperties.$v = (names) => v.checkType(names)
-
+        app.provide('$v', app.config.globalProperties.$v)
         // install components
         let required_directive = _register(app, options['components'] || {});
         if (options['directives']) {
-            Object.assign(required_directive,options['directives'])
+            Object.assign(required_directive, options['directives'])
         }
         // install directives
         _registers(app, required_directive);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",

package/tools/helper.js

@@ -394,7 +394,7 @@ export function changeColor(vars) {
     head.appendChild(style);
     let css = ':root{';
     for (let k in vars) {
-        css += '--color-' + k + ':' + vars[k] + ';'
+        css += k + ':' + vars[k] + ';'
     }
     css += '}'
     style.appendChild(document.createTextNode(css));