diff --git a/examples/routers/tree.vue b/examples/routers/tree.vue
index 44a3f9a..52e7c81 100644
--- a/examples/routers/tree.vue
+++ b/examples/routers/tree.vue
@@ -1,5 +1,5 @@
<template>
- <Tree :data="baseData" @on-check-change="handleSelectChange" show-checkbox></Tree>
+ <Tree :data="baseData" show-checkbox @on-check-change="handleChange" ></Tree>
</template>
<script>
export default {
@@ -8,55 +8,30 @@
bd: [],
baseData: [
{
+ title: 'parent',
+ id: '1-0',
expand: true,
- title: 'parent 1',
- children: [{
- title: 'parent 1-0',
- expand: true,
-// disabled: true,
-// checked: true,
- children: [
- {
- title: 'leaf',
- checked: true,
- selected: true
- },
- {
- title: 'leaf',
- checked: false
- }
- ]
- }, {
- title: 'parent 1-1',
- expand: true,
- checked: true,
- children: [
- {
- title: '<span style="color: red">leaf</span>',
- checked: false
- }
- ]
- }]
- },
- {
- expand: true,
- title: 'parent 1',
- children: [{
- title: 'parent 1-0',
- expand: true,
- children: [{
- title: 'leaf'
- }, {
- title: 'leaf',
- }]
- }, {
- title: 'parent 1-1',
- expand: true,
- checked: true,
- children: [{
- title: '<span style="color: red">leaf</span>',
- }]
- }]
+ children: [
+ {
+ title: 'child1',
+ id: '1-1',
+ expand: true,
+ children: [
+ {
+ title: 'child1-1-1',
+ id: '1-1-1'
+ },
+ {
+ title: 'child1-1-2',
+ id: '1-1-2'
+ }
+ ]
+ },
+ {
+ title: 'child2',
+ id: '1-2'
+ }
+ ]
}
]
}
@@ -64,7 +39,18 @@
methods: {
handleSelectChange (data) {
console.log(data);
+ },
+ updateTree (data) {
+ data[0].children[0].checked = true;
+// data[0].children[0].children[0].checked = true;
+// data[0].children[0].children[1].checked = true;
+ },
+ handleChange () {
+ console.log(1)
}
+ },
+ mounted () {
+ this.updateTree(this.baseData);
}
}
</script>
diff --git a/src/components/tree/tree.vue b/src/components/tree/tree.vue
index 5274880..2582e83 100644
--- a/src/components/tree/tree.vue
+++ b/src/components/tree/tree.vue
@@ -119,6 +119,14 @@
this.$on('on-checked', () => {
this.$emit('on-check-change', this.getCheckedNodes());
});
+ },
+ watch: {
+ data () {
+ this.$nextTick(() => {
+ this.updateData();
+ this.broadcast('TreeNode', 'indeterminate');
+ })
+ }
}
};
</script>
\ No newline at end of file
diff --git a/src/locale/lang/ja-JP.js b/src/locale/lang/ja-JP.js
new file mode 100644
index 0000000..4d49f42
--- /dev/null
+++ b/src/locale/lang/ja-JP.js
@@ -0,0 +1,95 @@
+export default {
+ i: {
+ select: {
+ placeholder: '選んでください',
+ noMatch: 'マッチするデータなし'
+ },
+ table: {
+ noDataText: 'データなし',
+ noFilteredDataText: 'スクリーニングしたデータなし',
+ confirmFilter: 'スクリーニング',
+ resetFilter: 'リセット',
+ clearFilter: '全部'
+ },
+ datepicker: {
+ selectDate: '日時を選んでください',
+ selectTime: '時間を選んでください',
+ startTime: 'スタート時間',
+ endTime: '終了時間',
+ clear: 'クリーア',
+ ok: '確定',
+ month: '月',
+ month1: '1 月',
+ month2: '2 月',
+ month3: '3 月',
+ month4: '4 月',
+ month5: '5 月',
+ month6: '6 月',
+ month7: '7 月',
+ month8: '8 月',
+ month9: '9 月',
+ month10: '10 月',
+ month11: '11 月',
+ month12: '12 月',
+ year: '年',
+ weeks: {
+ sun: '日',
+ mon: '月',
+ tue: '火',
+ wed: '水',
+ thu: '木',
+ fri: '金',
+ sat: '土'
+ },
+ months: {
+ m1: '1月',
+ m2: '2月',
+ m3: '3月',
+ m4: '4月',
+ m5: '5月',
+ m6: '6月',
+ m7: '7月',
+ m8: '8月',
+ m9: '9月',
+ m10: '10月',
+ m11: '11月',
+ m12: '12月'
+ }
+ },
+ transfer: {
+ titles: {
+ source: 'ソースリスト',
+ target: 'ターゲットリスト'
+ },
+ filterPlaceholder: '検索内容を入力ください',
+ notFoundText: '内容が見つかってなかった'
+ },
+ modal: {
+ okText: '確定',
+ cancelText: 'キャンセル'
+ },
+ poptip: {
+ okText: '確定',
+ cancelText: 'キャンセル'
+ },
+ page: {
+ prev: '前へ',
+ next: '次へ',
+ total: '全部',
+ item: '件',
+ items: '件',
+ prev5: '前の５ページへ',
+ next5: '次の５ページへ',
+ page: '件/ページ',
+ goto: '',
+ p: 'ページ目へ'
+ },
+ rate: {
+ star: '点',
+ stars: '点'
+ },
+ tree: {
+ emptyText: 'データなし'
+ }
+ }
+};
\ No newline at end of file
--
libgit2 0.21.4