web/bundles/topxiaadmin/js/controller/theme/theme-setting/components.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

define(function(require, exports, module) {
    require('jquery.sortable');
    exports.run = function() {
      var $themeEditContent = $('#theme-edit-content'), $componets = $('.js-theme-component');
      var componentSetting = {}, $modal = $('#modal');
      $('.js-componet-setting').each(function(){
        var $this = $(this);
        var blockKey = $this.data('key'), config = $.parseJSON($this.text());
        config.blockKey = blockKey;
        componentSetting[blockKey] = config;
      });
      
      var $list = $(".module-item-list").sortable({
        distance: 20,
        itemSelector: '.theme-edit-item',
        onDrop: function (item, container, _super) {
          _super(item, container);
          $themeEditContent.trigger('save_config', getConfig());
        },
      });

      var getConfig = function(){
        var setting = {};
        $componets.each(function(){
          var $this = $(this);
          var $actives = $this.find('input[type=checkbox]:checked'), blockKey = $this.attr('id');
          $actives.each(function(){
            var key = $(this).data('componentId');
            if (undefined == setting[blockKey]) {
                setting[blockKey] = {};
            }
            
            setting[blockKey][key] = componentSetting[blockKey][key];
          });
        });
       
        return {
          blocks: setting
        };
      };
      
      $componets.on("click", '.check-block', function(event){
        var $this = $(this);
        if ($this.prop('checked') == true) {
            $this.parents('li').find('.item-edit-btn,.item-set-btn').show();
        } else {
            $this.closest('li').find('.item-edit-btn,.item-set-btn').hide();
        }
        $themeEditContent.trigger('save_config', getConfig());
      });

      $componets.on('click', '.item-edit-btn', function(event){
        var $this = $(this);
        var key = $(this).closest('li').find('.check-block').data('componentId'),
        blockKey = $(this).closest('.js-theme-component').attr('id'),
        url = $this.data('url'),
        config = componentSetting[blockKey][key];
        config.blockKey = blockKey;

        $.get(url, {config: config}, function(html){