文件操作 - treeVue.js

文件: /usr/local/cwpsrv/var/services/users/cwp_theme/original/js/treeVue.js

编辑文件内容

(function () {
    'use strict';
    var VueTreeItem = Vue.extend({
        template: '<li :class="{parent_li: node.isParent}">' +
            '<div class="vue-tree-item-row" @contextmenu.prevent="contextMenu($event, node)">' +
                '<i v-if="node.isParent" v-on:click.stop="toggle(node)" class="fa icon-open-state" :class=\'{"fa-plus": !node.isOpen, "fa-minus": node.isOpen}\'></i>' +
                '<span v-else class="icon-open-spacer"></span>' +
                '<span class="vue-tree-item-label" @dragover.prevent @drop="draga(node)" @dragenter="dragEnter" @dragLeave="dragLeave">' +
                    '<a class="ml5" href="javascript:" v-on:click="listFil(node)"><i v-if="showIcon(node)" :class="nodeClass(node)"></i> {{node.name}}</a>' +
                '</span>' +
            '</div>' +
            '<ul v-show="node.isOpen">' +
                '<li v-show="node.showLoading && node._loading"><i class="fa fa-spinner fa-pulse"></i></li>' +
                '<vue-tree-item v-for="item in node.children" :node="item"></vue-tree-item>' +
            '</ul>' +
            '</li>',
        props: {
            node: {
                type: Object
            }
        },
        methods: {
            showIcon: function (node) {
                return node.icon || node.openedIcon || node.closedIcon;
            },
            nodeClass: function (node) {
                if (node.isOpen) {
                    return node.openedIcon || node.icon;
                } else {
                    return node.closedIcon || node.icon;
                }
            },
            toggle: function (node) {
                vm.listSub(node);
                if (node.hasOwnProperty('isOpen')) {
                    node.isOpen = !node.isOpen;
                } else {
                    Vue.set(node, 'isOpen', true);
                }
            },
            dragEnter: function(ev){
                vm.dragEnter(ev);
            },
            dragLeave: function(ev){
                vm.dragLeave(ev);
            },
            draga: function(node){
                vm.dragado(node.id, 'directory');
            },
            listFil: function(node){
                vm.isTreeViewClick = true;
                Vue.set(node, 'isOpen', true);
                vm.listSub(node, 1);
                vm.listFiles(node.id);
            },
            contextMenu: function(ev, node){
                if (typeof vm !== 'undefined' && typeof vm.showContextMenu === 'function') {
                    var treeFile = {
                        name: node.name,
                        pathwf: node.id,
                        typeFile: 'directory',
                        type: 'directory',
                        delete: 'inline',
                        rename: 'inline',
                        edit: 'none',
                        downloads: 'none',
                        decompress: 'none',
                        compress: 'inline'
                    };
                    vm.fileActual = treeFile;
                    vm.showContextMenu(ev, treeFile);
                }
            }
        },
        watch: {
            'node.isOpen': function (val) {
                if (!this.node.hasOwnProperty('_loading')) {
                    Vue.set(this.node, '_loading', false);
                }

if (val) {
                    if (typeof this.node.onOpened === 'function') {
                        this.node.onOpened(this.node);
                    }
                } else {
                    if (typeof this.node.onClosed === 'function') {
                        this.node.onClosed(this.node);
                    }
                }
            }
        }
    });
    Vue.component('vue-tree-item', VueTreeItem);

var VueTree = Vue.extend({
        template: '<div class="vue-tree"><ul>' +
            '<tree-item :node.sync="option.root"></tree-item>' +
            '</ul></div>',
        props: {
            option: {
                type: Object
            }
        },
        components: {
            'tree-item': VueTreeItem
        }
    });
    Vue.component('vue-tree', VueTree);
})();

修改文件时间

删除文件