vdesign-ui 0.3.0 → 0.3.1

package/dist/components/upload/style.less

@@ -1,147 +1,147 @@
-@upload-prefix-cls: vd-upload;
-
-.@{upload-prefix-cls}{ 
-    position: relative;
-    display: inline-flex;
-    width: 100%;
-    overflow-x: auto;
-    
-    &--block{
-        display: flex;
-        width: 100%;
-        .@{upload-prefix-cls}{
-            &__wrapper{
-                width: 100%;
-            }
-            &__uploader{
-                width: 100%;
-            }
-        }
-    }
-
-    &__wrapper{
-        display: flex;
-        gap: 12px;
-    }
-
-    &__uploader{
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: var(--height-upload-bg);
-        min-width: var(--width-upload-small);
-        background-color: var(--color-upload-bg);
-        border-radius: var(--radius-upload-content);
-
-        &--text{
-            padding-block-start: var(--spacing-upload-padding_top);
-            padding-block-end: var(--spacing-upload-padding_bottom);
-        }
-    } 
-
-    &__preview{
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: var(--width-upload-small);
-        border-radius: var(--radius-upload-content);
-
-        &--pdf{
-            background-color: var(--color-upload-pdf-bg);
-        }
-
-        &-delete{
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 24px;
-            height: 24px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 0 var(--radius-upload-content);
-            background-color: var(--color-upload-close_bg);
-            &-icon{      
-                font-size: var(--icon-upload-close);
-                color: #ffffff;
-            }
-        }
-        &-word{
-            color: var(--color-upload-pdf-text);
-            font-size: var(--en-single-f-f-b-fontSize);
-            font-weight: var(--en-single-f-f-b-fontWeight);
-        }
-
-        &-img{
-            img{
-                object-fit: cover;
-                width: var(--height-upload-bg);
-                height: var(--height-upload-bg);
-                border-radius: var(--radius-upload-content);
-            }
-        }
-    }
-
-    &__icon{
-        font-size: var(--icon-upload-size);
-        color: var(--color-upload-icon);
-    }
-
-    &__text{
-        margin-block-start: var(--spacing-upload-text-margin_top);
-        color: var(--color-upload-text);
-        font-size: var(--en-single-f-c-r-fontSize);
-        font-weight: var(--en-single-f-c-r-fontWeight);
-    }
-
-    &__input{
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        cursor: pointer;
-        opacity: 0;
-    }
-}
-
-.vd-image-preview{
-    display: flex;
-    flex-direction: column;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 2001;
-    width: 100%;
-    height: 100%;
-    background-color: var(--color-dialog-mask_bg);
-    background: rgba(0,0,0,.8);
-
-    &__item{
-        flex-grow: 1;
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        img{
-            display: block;
-            object-fit: contain;
-        }
-    }
-}
-
-[lang|='ar'] , [dir='rtl']{
-    .@{upload-prefix-cls}{ 
-        &__preview{
-            &-delete{
-                left: 0;
-                right: auto;
-                border-radius: var(--radius-upload-content) 0;
-            }
-        }
-    }
-}
+@upload-prefix-cls: vd-upload;
+
+.@{upload-prefix-cls}{ 
+    position: relative;
+    display: inline-flex;
+    width: 100%;
+    overflow-x: auto;
+    
+    &--block{
+        display: flex;
+        width: 100%;
+        .@{upload-prefix-cls}{
+            &__wrapper{
+                width: 100%;
+            }
+            &__uploader{
+                width: 100%;
+            }
+        }
+    }
+
+    &__wrapper{
+        display: flex;
+        gap: 12px;
+    }
+
+    &__uploader{
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: var(--height-upload-bg);
+        min-width: var(--width-upload-small);
+        background-color: var(--color-upload-bg);
+        border-radius: var(--radius-upload-content);
+
+        &--text{
+            padding-block-start: var(--spacing-upload-padding_top);
+            padding-block-end: var(--spacing-upload-padding_bottom);
+        }
+    } 
+
+    &__preview{
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: var(--width-upload-small);
+        border-radius: var(--radius-upload-content);
+
+        &--pdf{
+            background-color: var(--color-upload-pdf-bg);
+        }
+
+        &-delete{
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: 24px;
+            height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 0 var(--radius-upload-content);
+            background-color: var(--color-upload-close_bg);
+            &-icon{      
+                font-size: var(--icon-upload-close);
+                color: #ffffff;
+            }
+        }
+        &-word{
+            color: var(--color-upload-pdf-text);
+            font-size: var(--en-single-f-f-b-fontSize);
+            font-weight: var(--en-single-f-f-b-fontWeight);
+        }
+
+        &-img{
+            img{
+                object-fit: cover;
+                width: var(--height-upload-bg);
+                height: var(--height-upload-bg);
+                border-radius: var(--radius-upload-content);
+            }
+        }
+    }
+
+    &__icon{
+        font-size: var(--icon-upload-size);
+        color: var(--color-upload-icon);
+    }
+
+    &__text{
+        margin-block-start: var(--spacing-upload-text-margin_top);
+        color: var(--color-upload-text);
+        font-size: var(--en-single-f-c-r-fontSize);
+        font-weight: var(--en-single-f-c-r-fontWeight);
+    }
+
+    &__input{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        cursor: pointer;
+        opacity: 0;
+    }
+}
+
+.vd-image-preview{
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2001;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-dialog-mask_bg);
+    background: rgba(0,0,0,.8);
+
+    &__item{
+        flex-grow: 1;
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        img{
+            display: block;
+            object-fit: contain;
+        }
+    }
+}
+
+[lang|='ar'] , [dir='rtl']{
+    .@{upload-prefix-cls}{ 
+        &__preview{
+            &-delete{
+                left: 0;
+                right: auto;
+                border-radius: var(--radius-upload-content) 0;
+            }
+        }
+    }
+}

package/dist/components/utils/assist.js

@@ -1,34 +1,34 @@
-
-
-// Find components downward
-export function findComponentsDownward (context, componentName, ignoreComponentNames = []) {
-    if (!Array.isArray(ignoreComponentNames)) {
-        ignoreComponentNames = [ignoreComponentNames];
-    }
-    return context.$children.reduce((components, child) => {
-        if (child.$options.name === componentName) components.push(child);
-        if (ignoreComponentNames.indexOf(child.$options.name) < 0) {
-            const foundChilds = findComponentsDownward(child, componentName);
-            return components.concat(foundChilds);
-        } else {
-            return components;
-        }
-    }, []);
-}
-
-// Find components upward
-export function findComponentUpward (context, componentName, componentNames) {
-    if (typeof componentName === 'string') {
-        componentNames = [componentName];
-    } else {
-        componentNames = componentName;
-    }
-
-    let parent = context.$parent;
-    let name = parent.$options.name;
-    while (parent && (!name || componentNames.indexOf(name) < 0)) {
-        parent = parent.$parent;
-        if (parent) name = parent.$options.name;
-    }
-    return parent;
-}
+
+
+// Find components downward
+export function findComponentsDownward (context, componentName, ignoreComponentNames = []) {
+    if (!Array.isArray(ignoreComponentNames)) {
+        ignoreComponentNames = [ignoreComponentNames];
+    }
+    return context.$children.reduce((components, child) => {
+        if (child.$options.name === componentName) components.push(child);
+        if (ignoreComponentNames.indexOf(child.$options.name) < 0) {
+            const foundChilds = findComponentsDownward(child, componentName);
+            return components.concat(foundChilds);
+        } else {
+            return components;
+        }
+    }, []);
+}
+
+// Find components upward
+export function findComponentUpward (context, componentName, componentNames) {
+    if (typeof componentName === 'string') {
+        componentNames = [componentName];
+    } else {
+        componentNames = componentName;
+    }
+
+    let parent = context.$parent;
+    let name = parent.$options.name;
+    while (parent && (!name || componentNames.indexOf(name) < 0)) {
+        parent = parent.$parent;
+        if (parent) name = parent.$options.name;
+    }
+    return parent;
+}

package/dist/components/utils/env.js

@@ -1,21 +1,21 @@
-import Vue from 'vue';
-
-export const inBrowser = typeof window !== 'undefined';
-
-export const isServer = Vue.prototype.$isServer;
-
-export function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-
-export function isInDocument(element) {
-  return document.body.contains(element);
-}
-
-export function removeNode(el) {
-  const parent = el.parentNode;
-
-  if (parent) {
-    parent.removeChild(el);
-  }
-}
+import Vue from 'vue';
+
+export const inBrowser = typeof window !== 'undefined';
+
+export const isServer = Vue.prototype.$isServer;
+
+export function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+
+export function isInDocument(element) {
+  return document.body.contains(element);
+}
+
+export function removeNode(el) {
+  const parent = el.parentNode;
+
+  if (parent) {
+    parent.removeChild(el);
+  }
+}

package/dist/locale/ar.js

@@ -1,98 +1,98 @@
-export default {
-    message: {
-      hello: "مرحبا العالم"
-    },
-    button: {
-      loading: "تحميل .",
-      default: "خرق",
-      primary: "الرئيسية الرئيسية",
-      secondary: "ثانوي",
-      warning: "حذر",
-      warning_grey: "تحذير رمادي",
-      tertiary: "المستوى الثالث",
-      tertiary_grey: "التعليم العالي رمادي",
-      wireframe: "خط الإطار",
-      primary_text: "primary_text",
-      warning_text: "النص الرئيسي",
-      tertiary_text: "نص المستوى الثالث",
-      link_text: "ربط النص",
-      small: "صغير",
-      medium: "متوسط",
-      large: "كبير",
-      disabled: "تعطيل",
-      block: "كتلة",
-      buy: "شراء",
-      sell: "بيع .",
-      text: "زر النص"
-    },
-    actionbar: {
-      text: "شريط العمل",
-      filter: "عنوان",
-      edit: "عنوان",
-      add: "عنوان",
-      delete: "عنوان",
-      more: "عنوان",
-      reset: "عنوان",
-      create: "عنوان",
-      alert: "عنوان",
-      chart: "عنوان"
-    },
-    title: {
-      text: "عنوان"
-    },
-    radio: {
-      text: "مذياع"
-    },
-    checkbox: {
-      text: "مذياع"
-    },
-    dropdown: {
-      text: "اسقاط",
-      text1: "المحدد",
-      text2: "المحدد",
-      text3: "المحدد"
-    },
-    tab: {
-      text: "فاتورة غير مدفوعة"
-    },
-    empty: {
-      description: "لايوجد بيانات"
-    },
-    result: {
-      text: "يستخدم هذا النوع بشكل أساسي في النوافذ المنبثقة الأساسية للتنبيه",
-      title: "عنوان"
-    },
-    selector: {
-      text: "محدد"
-    },
-    alert: {
-      title: "نمط العنوان",
-      content: "هذا هو نوع من منبهات الأساسية...",
-      long: "هذا هو نوع من منبهات الأساسية...",
-      confirm: "أكّد",
-      cancel: "ألغى",
-      delete: "حذف"
-    },
-    noticebar: {
-      title: "القمر في الصباح الباكر ، قليلة هي لينة ، وسادة يهز بهدوء .",
-      content: "القمر في الصباح الباكر...",
-      button: "الأزرار",
-      state: "حذف"
-    },
-    steps: {
-      title: "محدد",
-      text: "نمط العنوان",
-      content: "القمر في الصباح الباكر..."
-    },
-    divider: {
-      text: "العنوان"
-    },
-    footnav: {
-      text: "العنوان"
-    },
-    list: {
-      title: "العنوان",
-      text: "القمر في الصباح الباكر..."
-    }
-  };
+export default {
+    message: {
+      hello: "مرحبا العالم"
+    },
+    button: {
+      loading: "تحميل .",
+      default: "خرق",
+      primary: "الرئيسية الرئيسية",
+      secondary: "ثانوي",
+      warning: "حذر",
+      warning_grey: "تحذير رمادي",
+      tertiary: "المستوى الثالث",
+      tertiary_grey: "التعليم العالي رمادي",
+      wireframe: "خط الإطار",
+      primary_text: "primary_text",
+      warning_text: "النص الرئيسي",
+      tertiary_text: "نص المستوى الثالث",
+      link_text: "ربط النص",
+      small: "صغير",
+      medium: "متوسط",
+      large: "كبير",
+      disabled: "تعطيل",
+      block: "كتلة",
+      buy: "شراء",
+      sell: "بيع .",
+      text: "زر النص"
+    },
+    actionbar: {
+      text: "شريط العمل",
+      filter: "عنوان",
+      edit: "عنوان",
+      add: "عنوان",
+      delete: "عنوان",
+      more: "عنوان",
+      reset: "عنوان",
+      create: "عنوان",
+      alert: "عنوان",
+      chart: "عنوان"
+    },
+    title: {
+      text: "عنوان"
+    },
+    radio: {
+      text: "مذياع"
+    },
+    checkbox: {
+      text: "مذياع"
+    },
+    dropdown: {
+      text: "اسقاط",
+      text1: "المحدد",
+      text2: "المحدد",
+      text3: "المحدد"
+    },
+    tab: {
+      text: "فاتورة غير مدفوعة"
+    },
+    empty: {
+      description: "لايوجد بيانات"
+    },
+    result: {
+      text: "يستخدم هذا النوع بشكل أساسي في النوافذ المنبثقة الأساسية للتنبيه",
+      title: "عنوان"
+    },
+    selector: {
+      text: "محدد"
+    },
+    alert: {
+      title: "نمط العنوان",
+      content: "هذا هو نوع من منبهات الأساسية...",
+      long: "هذا هو نوع من منبهات الأساسية...",
+      confirm: "أكّد",
+      cancel: "ألغى",
+      delete: "حذف"
+    },
+    noticebar: {
+      title: "القمر في الصباح الباكر ، قليلة هي لينة ، وسادة يهز بهدوء .",
+      content: "القمر في الصباح الباكر...",
+      button: "الأزرار",
+      state: "حذف"
+    },
+    steps: {
+      title: "محدد",
+      text: "نمط العنوان",
+      content: "القمر في الصباح الباكر..."
+    },
+    divider: {
+      text: "العنوان"
+    },
+    footnav: {
+      text: "العنوان"
+    },
+    list: {
+      title: "العنوان",
+      text: "القمر في الصباح الباكر..."
+    }
+  };