let arr = [
  { order: 3, name: "C" },
  { order: 1, name: "A" },
  { order: 4, name: "D" },
  { order: 2, name: "B" }
];

ecodeSDK.ecodeQueueSort(arr);

ecodeSDK.overwritePropsFnQueueMapSet('WeaTop',{ //组件名
fn:(newProps)=>{ //newProps 代表组件参数
//建议添加进行位置判断操作
console.log('WeaTop:',newProps); //在这里输出日志，如果成功输出代表组件成功定位
},
order:1, //排序字段，如果存在同一个页面复写了同一个组件，控制顺序时使用
desc:'在这里写此复写的作用，在调试的时候方便查找'
});

ecodeSDK.overwriteClassFnQueueMapSet('Table',{
    fn:(Com,newProps)=>{
        //Com是当前复写的原组件
        //newProps是当前复写的原组件参数
        return {
              com:Com,
              props:newProps
        };
    },
    order:1,
    desc:'浏览按钮复写'
});

ecodeSDK.overwriteMobilePropsFnQueueMapSet('TabPage',{ //组件名
    fn:(newProps)=>{ //newProps代表组件参数
        //建议添加进行位置判断操作
        console.log('TabPage:',newProps); //在这里输出日志，如果成功输出代表组件成功定位
    },
    order:1, //排序字段，如果存在同一个页面复写了同一个组件，控制顺序时使用
    desc:'在这里写此复写的作用，在调试的时候方便查找'
});

ecodeSDK.overwriteMobileClassFnQueueMapSet('WeaBrowser',{
    fn:(Com,newProps)=>{
    //Com是当前复写的原组件
    //newProps是当前复写的原组件参数
    return {
          com:Com,
          props:newProps
        };
    }
},
    order:1,
    desc:'浏览按钮复写'
})

function checkURL() {
  var url = '/wui/index.html#/main/workflow/listDoing';
  var result = ecodeSDK.checkLPath(url);

  if (result) {
    console.log('URL路径有效');
  } else {
    console.log('URL路径无效');
  }
}

checkURL();

var props = {
  children: [
    {
      props: {
        key1: 'value1',
        key2: 'value2'
      }
    },
    {
      props: {
        key3: 'value3',
        key4: 'value4'
      }
    }
  ]
};

var key = 'key3';

var result = ecodeSDK.findPropData(props, key);

console.log(result); // 输出：value3

ecodeSDK.rewriteApiDataQueueSet({
  fn: function fn(url, params, data) {
    // 添加判断，如果当前页面路径不是'/spa/hrm/engine.html#/hrmengine/authAdjust'，则不执行复写逻辑
    if (!ecodeSDK.checkLPath('/spa/hrm/engine.html#/hrmengine/authAdjust')) return;
    console.log("路径识别正确！");

    if (url.indexOf("/api/public/browser/condition/1") === -1) return;
    console.log("API识别正确！");

    console.log("url", url);
    console.log("params", params);
    console.log("data", data);

    // 开始复写，这里是复写的内容

    //return data;（丸子一般不习惯return，注释掉就好）
  },
});

ecodeSDK.rewriteApiParamsQueueSet({
    fn: (url, method, params) => {

      // 不是需要拦截的接口返回默认的参数
      return {
        url: url, // 接口路径
        method: method, // 请求类型
        params: params // 请求参数
      }
    }
  });

ecodeSDK.rewriteMobileApiParamsQueueSet({
    fn: (url, method, params) => {

      // 不是需要拦截的接口返回默认的参数
      return {
        url: url, // 接口路径
        method: method, // 请求类型
        params: params // 请求参数
      }
    }
  });

// 存储在本地的数据
window.localStorage['userData'] = '{"name": "Alice", "age": 25, "email": "alice@example.com"}';

// 使用示例
var userData = ecodeSDK.getJSONObj('userData');

console.log(userData.name); // 输出：Alice
console.log(userData.age); // 输出：25
console.log(userData.email); // 输出：alice@example.com

// 存储在本地的数据
window.localStorage['userData'] = '{"name": "Alice", "age": 25, "address": {"city": "New York", "country": "USA"}}';

// 使用示例
var name = ecodeSDK.getEcodeParams(['userData', 'name']);
console.log(name); // 输出：Alice

var city = ecodeSDK.getEcodeParams(['userData', 'address', 'city']);
console.log(city); // 输出：New York

//异步加载 JavaScript 文件
ecodeSDK.loadjs('https://example.com/js/script.js', {
  async: true,
  numRetries: 2,
  before: function () {
    console.log('Before loading the script...');
  },
  success: function () {
    console.log('Script loaded successfully!');
  },
  error: function () {
    console.error('Failed to load the script!');
  }
});

//同步加载 JavaScript 文件并使用 Promise
ecodeSDK.loadjs('https://example.com/js/script.js', {
  async: false,
  returnPromise: true
})
.then(function () {
  console.log('Script loaded successfully!');
})
.catch(function () {
  console.error('Failed to load the script!');
});

//加载 CSS 文件：
ecodeSDK.loadjs('https://example.com/css/styles.css', {
  async: true,
  numRetries: 1,
  before: function () {
    console.log('Before loading the CSS...');
  },
  success: function () {
    console.log('CSS loaded successfully!');
  },
  error: function () {
    console.error('Failed to load the CSS!');
  }
});

//loadjs 加载第三方资源，注意加载次数，避免多次请求重复资源
ecodeSDK.loadjs.isDefined('name') // 判断资源是否加载到

// 调用 getFrameParams 方法获取当前页面的查询参数
var params = window.weaJs.getFrameParams();

// 输出获取的查询参数对象
console.log(params);

var options = {
  url: 'https://api.example.com/data',
  method: 'POST',
  params: { key: 'value' },
  type: 'json',
  deep: true,
  checkCode: false
};

var ApiResponse = window.weaJs.callApi(options);
console.log(ApiResponse);

// 显示弹窗提示
var content = "这是一个提示信息。";
window.weaJs.alert(content);

// 在 PC 端显示对话框
var url = 'https://example.com/dialog.html';
var params ={
title: '标题',
moduleName: 'workflow',
style: { width: 800, height: 600 },
callback: function() {},
onCancel: function() {},
};

var dialog = window.weaJs.showDialog(url, params);

// PC端关闭对话框
dialog.destory();

// 移动端关闭浮层
frameView.destory();

// 使用 window.weaJs.Con 方法创建自定义组件
var MyCustomComponent = new window.weaJs.Con();

// 定义组件的 render 方法
MyCustomComponent.prototype.render = function() {
  return (
    <div>
      <h1>Hello, This is another Custom Component!</h1>
      <p>It can also be used to render custom content.</p>
    </div>
  );
};

// 渲染自定义组件
ReactDOM.render(<MyCustomComponent />, document.getElementById('root'));

// 使用 window.weaJs.Custom 方法创建自定义组件
var MyCustomComponent = new window.weaJs.Custom();

// 定义组件的 render 方法
MyCustomComponent.prototype.render = function() {
  return (
    <div>
      <h1>Hello, This is a Custom Component!</h1>
      <p>It can be used to render custom content.</p>
    </div>
  );
};

// 渲染自定义组件
ReactDOM.render(<MyCustomComponent />, document.getElementById('root'));