rw-admin-ui 1.0.0

package/src/locale/lang/uz-UZ.js

@@ -0,0 +1,123 @@
+export default {
+  el: {
+    colorpicker: {
+      confirm: 'Qabul qilish',
+      clear: 'Tozalash'
+    },
+    datepicker: {
+      now: 'Hozir',
+      today: 'Bugun',
+      cancel: 'Bekor qilish',
+      clear: 'Tozalash',
+      confirm: 'Qabul qilish',
+      selectDate: 'Kunni tanlash',
+      selectTime: 'Soatni tanlash',
+      startDate: 'Boshlanish sanasi',
+      startTime: 'Boshlanish vaqti',
+      endDate: 'Tugash sanasi',
+      endTime: 'Tugash vaqti',
+      prevYear: 'Oʻtgan yil',
+      nextYear: 'Kelgusi yil',
+      prevMonth: 'Oʻtgan oy',
+      nextMonth: 'Kelgusi oy',
+      year: 'Yil',
+      month1: 'Yanvar',
+      month2: 'Fevral',
+      month3: 'Mart',
+      month4: 'Aprel',
+      month5: 'May',
+      month6: 'Iyun',
+      month7: 'Iyul',
+      month8: 'Avgust',
+      month9: 'Sentabr',
+      month10: 'Oktabr',
+      month11: 'Noyabr',
+      month12: 'Dekabr',
+      week: 'Hafta',
+      weeks: {
+        sun: 'Yak',
+        mon: 'Dush',
+        tue: 'Sesh',
+        wed: 'Chor',
+        thu: 'Pay',
+        fri: 'Jum',
+        sat: 'Shan'
+      },
+      months: {
+        jan: 'Yan',
+        feb: 'Fev',
+        mar: 'Mar',
+        apr: 'Apr',
+        may: 'May',
+        jun: 'Iyun',
+        jul: 'Iyul',
+        aug: 'Avg',
+        sep: 'Sen',
+        oct: 'Okt',
+        nov: 'Noy',
+        dec: 'Dek'
+      }
+    },
+    select: {
+      loading: 'Yuklanmoqda',
+      noMatch: 'Mos maʼlumot yoʻq',
+      noData: 'Maʼlumot yoʻq',
+      placeholder: 'Tanlang'
+    },
+    cascader: {
+      noMatch: 'Mos maʼlumot topilmadi',
+      loading: 'Yuklanmoqda',
+      placeholder: 'Tanlash',
+      noData: 'Maʼlumot yoʻq'
+    },
+    pagination: {
+      goto: 'Oʻtish',
+      pagesize: '/sahifa',
+      total: 'Barchasi {total} ta',
+      pageClassifier: ''
+    },
+    messagebox: {
+      title: 'Xabar',
+      confirm: 'Qabul qilish',
+      cancel: 'Bekor qilish',
+      error: 'Xatolik'
+    },
+    upload: {
+      deleteTip: 'Oʻchirish tugmasini bosib oʻchiring',
+      delete: 'Oʻchirish',
+      preview: 'Oldindan koʻrish',
+      continue: 'Davom etish'
+    },
+    table: {
+      emptyText: 'Boʻsh',
+      confirmFilter: 'Qabul qilish',
+      resetFilter: 'Oldingi holatga qaytarish',
+      clearFilter: 'Jami',
+      sumText: 'Summasi'
+    },
+    tree: {
+      emptyText: 'Maʼlumot yoʻq'
+    },
+    transfer: {
+      noMatch: 'Mos maʼlumot topilmadi',
+      noData: 'Maʼlumot yoʻq',
+      titles: ['1-jadval', '2-jadval'],
+      filterPlaceholder: 'Kalit soʻzni kiriting',
+      noCheckedFormat: '{total} ta element',
+      hasCheckedFormat: '{checked}/{total} ta belgilandi'
+    },
+    image: {
+      error: 'Xatolik'
+    },
+    pageHeader: {
+      title: 'Orqaga'
+    },
+    popconfirm: {
+      confirmButtonText: 'Tasdiqlash',
+      cancelButtonText: 'Bekor qilish'
+    },
+    empty: {
+      description: 'Boʻsh'
+    }
+  }
+};

package/src/locale/lang/vi.js

@@ -0,0 +1,123 @@
+export default {
+  el: {
+    colorpicker: {
+      confirm: 'OK',
+      clear: 'Xóa'
+    },
+    datepicker: {
+      now: 'Hiện tại',
+      today: 'Hôm nay',
+      cancel: 'Hủy',
+      clear: 'Xóa',
+      confirm: 'OK',
+      selectDate: 'Chọn ngày',
+      selectTime: 'Chọn giờ',
+      startDate: 'Ngày bắt đầu',
+      startTime: 'Thời gian bắt đầu',
+      endDate: 'Ngày kết thúc',
+      endTime: 'Thời gian kết thúc',
+      prevYear: 'Năm trước',
+      nextYear: 'Năm tới',
+      prevMonth: 'Tháng trước',
+      nextMonth: 'Tháng tới',
+      year: 'Năm',
+      month1: 'Tháng 1',
+      month2: 'Tháng 2',
+      month3: 'Tháng 3',
+      month4: 'Tháng 4',
+      month5: 'Tháng 5',
+      month6: 'Tháng 6',
+      month7: 'Tháng 7',
+      month8: 'Tháng 8',
+      month9: 'Tháng 9',
+      month10: 'Tháng 10',
+      month11: 'Tháng 11',
+      month12: 'Tháng 12',
+      // week: 'week',
+      weeks: {
+        sun: 'CN',
+        mon: 'T2',
+        tue: 'T3',
+        wed: 'T4',
+        thu: 'T5',
+        fri: 'T6',
+        sat: 'T7'
+      },
+      months: {
+        jan: 'Th.1',
+        feb: 'Th.2',
+        mar: 'Th.3',
+        apr: 'Th.4',
+        may: 'Th.5',
+        jun: 'Th.6',
+        jul: 'Th.7',
+        aug: 'Th.8',
+        sep: 'Th.9',
+        oct: 'Th.10',
+        nov: 'Th.11',
+        dec: 'Th.12'
+      }
+    },
+    select: {
+      loading: 'Đang tải',
+      noMatch: 'Dữ liệu không phù hợp',
+      noData: 'Không tìm thấy dữ liệu',
+      placeholder: 'Chọn'
+    },
+    cascader: {
+      noMatch: 'Dữ liệu không phù hợp',
+      loading: 'Đang tải',
+      placeholder: 'Chọn',
+      noData: 'Không tìm thấy dữ liệu'
+    },
+    pagination: {
+      goto: 'Nhảy tới',
+      pagesize: '/trang',
+      total: 'Tổng {total}',
+      pageClassifier: ''
+    },
+    messagebox: {
+      title: 'Thông báo',
+      confirm: 'OK',
+      cancel: 'Hủy',
+      error: 'Dữ liệu không hợp lệ'
+    },
+    upload: {
+      deleteTip: 'Nhấn xoá để xoá',
+      delete: 'Xóa',
+      preview: 'Xem trước',
+      continue: 'Tiếp tục'
+    },
+    table: {
+      emptyText: 'Không có dữ liệu',
+      confirmFilter: 'Xác nhận',
+      resetFilter: 'Làm mới',
+      clearFilter: 'Xóa hết',
+      sumText: 'Tổng'
+    },
+    tree: {
+      emptyText: 'Không có dữ liệu'
+    },
+    transfer: {
+      noMatch: 'Dữ liệu không phù hợp',
+      noData: 'Không tìm thấy dữ liệu',
+      titles: ['Danh sách 1', 'Danh sách 2'],
+      filterPlaceholder: 'Nhập từ khóa',
+      noCheckedFormat: '{total} mục',
+      hasCheckedFormat: '{checked}/{total} đã chọn '
+    },
+    image: {
+      error: 'LỖI'
+    },
+    pageHeader: {
+      title: 'Quay lại'
+    },
+    popconfirm: {
+      confirmButtonText: 'Ok',
+      cancelButtonText: 'Huỷ'
+    },
+    empty: {
+      description: 'Không có dữ liệu'
+    }
+  }
+};

package/src/locale/lang/zh-CN.js

@@ -0,0 +1,131 @@
+export default {
+  el: {
+    colorpicker: {
+      confirm: '确定',
+      clear: '清空'
+    },
+    datepicker: {
+      now: '此刻',
+      today: '今天',
+      week: '本周',
+      month: '本月',
+      cancel: '取消',
+      clear: '清空',
+      confirm: '确定',
+      selectDate: '选择日期',
+      selectTime: '选择时间',
+      startDate: '开始日期',
+      startTime: '开始时间',
+      endDate: '结束日期',
+      endTime: '结束时间',
+      prevYear: '前一年',
+      nextYear: '后一年',
+      prevMonth: '上个月',
+      nextMonth: '下个月',
+      year: '年',
+      month1: '1 月',
+      month2: '2 月',
+      month3: '3 月',
+      month4: '4 月',
+      month5: '5 月',
+      month6: '6 月',
+      month7: '7 月',
+      month8: '8 月',
+      month9: '9 月',
+      month10: '10 月',
+      month11: '11 月',
+      month12: '12 月',
+      quarters: {
+        Q1: 'Q1',
+        Q2: 'Q2',
+        Q3: 'Q3',
+        Q4: 'Q4'
+      },
+      // week: '周次',
+      weeks: {
+        sun: '日',
+        mon: '一',
+        tue: '二',
+        wed: '三',
+        thu: '四',
+        fri: '五',
+        sat: '六'
+      },
+      months: {
+        jan: '一月',
+        feb: '二月',
+        mar: '三月',
+        apr: '四月',
+        may: '五月',
+        jun: '六月',
+        jul: '七月',
+        aug: '八月',
+        sep: '九月',
+        oct: '十月',
+        nov: '十一月',
+        dec: '十二月'
+      }
+    },
+    select: {
+      loading: '加载中',
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      placeholder: '请选择'
+    },
+    cascader: {
+      noMatch: '无匹配数据',
+      loading: '加载中',
+      placeholder: '请选择',
+      noData: '暂无数据'
+    },
+    pagination: {
+      goto: '前往',
+      pagesize: '条/页',
+      total: '共 {total} 条',
+      pageClassifier: '页'
+    },
+    messagebox: {
+      title: '提示',
+      confirm: '确定',
+      cancel: '取消',
+      error: '输入的数据不合法!'
+    },
+    upload: {
+      deleteTip: '按 delete 键可删除',
+      delete: '删除',
+      preview: '查看图片',
+      continue: '继续上传'
+    },
+    table: {
+      emptyText: '暂无数据',
+      confirmFilter: '筛选',
+      resetFilter: '重置',
+      clearFilter: '全部',
+      sumText: '合计'
+    },
+    tree: {
+      emptyText: '暂无数据'
+    },
+    transfer: {
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      titles: ['列表 1', '列表 2'],
+      filterPlaceholder: '请输入搜索内容',
+      noCheckedFormat: '共 {total} 项',
+      hasCheckedFormat: '已选 {checked}/{total} 项'
+    },
+    image: {
+      error: '加载失败'
+    },
+    pageHeader: {
+      title: '返回'
+    },
+    popconfirm: {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消'
+    },
+    empty: {
+      description: '暂无数据'
+    }
+  }
+};

package/src/locale/lang/zh-TW.js

@@ -0,0 +1,123 @@
+export default {
+  el: {
+    colorpicker: {
+      confirm: '確認',
+      clear: '清空'
+    },
+    datepicker: {
+      now: '現在',
+      today: '今天',
+      cancel: '取消',
+      clear: '清空',
+      confirm: '確認',
+      selectDate: '選擇日期',
+      selectTime: '選擇時間',
+      startDate: '開始日期',
+      startTime: '開始時間',
+      endDate: '結束日期',
+      endTime: '結束時間',
+      prevYear: '前一年',
+      nextYear: '後一年',
+      prevMonth: '上個月',
+      nextMonth: '下個月',
+      year: '年',
+      month1: '1 月',
+      month2: '2 月',
+      month3: '3 月',
+      month4: '4 月',
+      month5: '5 月',
+      month6: '6 月',
+      month7: '7 月',
+      month8: '8 月',
+      month9: '9 月',
+      month10: '10 月',
+      month11: '11 月',
+      month12: '12 月',
+      // week: '周次',
+      weeks: {
+        sun: '日',
+        mon: '一',
+        tue: '二',
+        wed: '三',
+        thu: '四',
+        fri: '五',
+        sat: '六'
+      },
+      months: {
+        jan: '一月',
+        feb: '二月',
+        mar: '三月',
+        apr: '四月',
+        may: '五月',
+        jun: '六月',
+        jul: '七月',
+        aug: '八月',
+        sep: '九月',
+        oct: '十月',
+        nov: '十一月',
+        dec: '十二月'
+      }
+    },
+    select: {
+      loading: '加載中',
+      noMatch: '無匹配資料',
+      noData: '無資料',
+      placeholder: '請選擇'
+    },
+    cascader: {
+      noMatch: '無匹配資料',
+      loading: '加載中',
+      placeholder: '請選擇',
+      noData: '無資料'
+    },
+    pagination: {
+      goto: '前往',
+      pagesize: '項/頁',
+      total: '共 {total} 項',
+      pageClassifier: '頁'
+    },
+    messagebox: {
+      title: '提示',
+      confirm: '確定',
+      cancel: '取消',
+      error: '輸入的資料不符規定!'
+    },
+    upload: {
+      deleteTip: '按 delete 鍵可刪除',
+      delete: '刪除',
+      preview: '查看圖片',
+      continue: '繼續上傳'
+    },
+    table: {
+      emptyText: '暫無資料',
+      confirmFilter: '篩選',
+      resetFilter: '重置',
+      clearFilter: '全部',
+      sumText: 'Sum' // to be translated
+    },
+    tree: {
+      emptyText: '暫無資料'
+    },
+    transfer: {
+      noMatch: '無匹配資料',
+      noData: '無資料',
+      titles: ['List 1', 'List 2'], // to be translated
+      filterPlaceholder: 'Enter keyword', // to be translated
+      noCheckedFormat: '{total} items', // to be translated
+      hasCheckedFormat: '{checked}/{total} checked' // to be translated
+    },
+    image: {
+      error: '加載失敗'
+    },
+    pageHeader: {
+      title: '返回'
+    },
+    popconfirm: {
+      confirmButtonText: 'Yes', // to be translated
+      cancelButtonText: 'No' // to be translated
+    },
+    empty: {
+      description: '暫無資料'
+    }
+  }
+};

package/src/mixins/emitter.js

@@ -0,0 +1,33 @@
+function broadcast(componentName, eventName, params) {
+  this.$children.forEach(child => {
+    var name = child.$options.componentName;
+
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params));
+    } else {
+      broadcast.apply(child, [componentName, eventName].concat([params]));
+    }
+  });
+}
+export default {
+  methods: {
+    dispatch(componentName, eventName, params) {
+      var parent = this.$parent || this.$root;
+      var name = parent.$options.componentName;
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+
+        if (parent) {
+          name = parent.$options.componentName;
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params));
+      }
+    },
+    broadcast(componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params);
+    }
+  }
+};

package/src/mixins/focus.js

@@ -0,0 +1,9 @@
+export default function(ref) {
+  return {
+    methods: {
+      focus() {
+        this.$refs[ref].focus();
+      }
+    }
+  };
+};

package/src/mixins/locale.js

@@ -0,0 +1,9 @@
+import { t } from 'rowinself-ui/src/locale';
+
+export default {
+  methods: {
+    t(...args) {
+      return t.apply(this, args);
+    }
+  }
+};

package/src/mixins/migrating.js

@@ -0,0 +1,54 @@
+import { kebabCase } from 'rowinself-ui/src/utils/util';
+/**
+ * Show migrating guide in browser console.
+ *
+ * Usage:
+ * import Migrating from 'rowinself-ui/src/mixins/migrating';
+ *
+ * mixins: [Migrating]
+ *
+ * add getMigratingConfig method for your component.
+ *  getMigratingConfig() {
+ *    return {
+ *      props: {
+ *        'allow-no-selection': 'allow-no-selection is removed.',
+ *        'selection-mode': 'selection-mode is removed.'
+ *      },
+ *      events: {
+ *        selectionchange: 'selectionchange is renamed to selection-change.'
+ *      }
+ *    };
+ *  },
+ */
+export default {
+  mounted() {
+    if (process.env.NODE_ENV === 'production') return;
+    if (!this.$vnode) return;
+    const { props = {}, events = {} } = this.getMigratingConfig();
+    const { data, componentOptions } = this.$vnode;
+    const definedProps = data.attrs || {};
+    const definedEvents = componentOptions.listeners || {};
+
+    for (let propName in definedProps) {
+      propName = kebabCase(propName); // compatible with camel case
+      if (props[propName]) {
+        console.warn(`[Element Migrating][${this.$options.name}][Attribute]: ${props[propName]}`);
+      }
+    }
+
+    for (let eventName in definedEvents) {
+      eventName = kebabCase(eventName); // compatible with camel case
+      if (events[eventName]) {
+        console.warn(`[Element Migrating][${this.$options.name}][Event]: ${events[eventName]}`);
+      }
+    }
+  },
+  methods: {
+    getMigratingConfig() {
+      return {
+        props: {},
+        events: {}
+      };
+    }
+  }
+};

package/src/transitions/collapse-transition.js

@@ -0,0 +1,77 @@
+import { addClass, removeClass } from 'rowinself-ui/src/utils/dom';
+
+class Transition {
+  beforeEnter(el) {
+    addClass(el, 'collapse-transition');
+    if (!el.dataset) el.dataset = {};
+
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingBottom = el.style.paddingBottom;
+
+    el.style.height = '0';
+    el.style.paddingTop = 0;
+    el.style.paddingBottom = 0;
+  }
+
+  enter(el) {
+    el.dataset.oldOverflow = el.style.overflow;
+    if (el.scrollHeight !== 0) {
+      el.style.height = el.scrollHeight + 'px';
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    } else {
+      el.style.height = '';
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    }
+
+    el.style.overflow = 'hidden';
+  }
+
+  afterEnter(el) {
+    // for safari: remove class then reset height is necessary
+    removeClass(el, 'collapse-transition');
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
+  }
+
+  beforeLeave(el) {
+    if (!el.dataset) el.dataset = {};
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingBottom = el.style.paddingBottom;
+    el.dataset.oldOverflow = el.style.overflow;
+
+    el.style.height = el.scrollHeight + 'px';
+    el.style.overflow = 'hidden';
+  }
+
+  leave(el) {
+    if (el.scrollHeight !== 0) {
+      // for safari: add class after set height, or it will jump to zero height suddenly, weired
+      addClass(el, 'collapse-transition');
+      el.style.height = 0;
+      el.style.paddingTop = 0;
+      el.style.paddingBottom = 0;
+    }
+  }
+
+  afterLeave(el) {
+    removeClass(el, 'collapse-transition');
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
+    el.style.paddingTop = el.dataset.oldPaddingTop;
+    el.style.paddingBottom = el.dataset.oldPaddingBottom;
+  }
+}
+
+export default {
+  name: 'ElCollapseTransition',
+  functional: true,
+  render(h, { children }) {
+    const data = {
+      on: new Transition()
+    };
+
+    return h('transition', data, children);
+  }
+};