"use strict";
const common_vendor = require("../../common/vendor.js");
const api_shop_goods_index = require("../../api/shop/goods/index.js");
const api_shop_goodsCategory_index = require("../../api/shop/goodsCategory/index.js");
const uni_modules_uvUiTools_libs_function_index = require("../../uni_modules/uv-ui-tools/libs/function/index.js");
const store_modules_tenant = require("../../store/modules/tenant.js");
const tenantStore = store_modules_tenant.useTenantStore();
const _sfc_main = {
  data() {
    return {
      goodsList: [],
      // 瀑布流全部数据
      list1: [],
      // 瀑布流第一列数据
      list2: [],
      // 瀑布流第二列数据
      goodsCategoryList: [],
      // 商品分类
      leftGap: 10,
      rightGap: 10,
      columnGap: 10,
      // 小程序导航图标
      navigation: [],
      // 骨架屏
      hideTools: true,
      // 商品分类
      categoryId: void 0
    };
  },
  computed: {
    imageStyle(item) {
      return (item2) => {
        const v = common_vendor.index.upx2px(750) - this.leftGap - this.rightGap - this.columnGap;
        const w = v / 2;
        const rate = w / item2.w;
        const h = rate * item2.h;
        return {
          width: w + "px",
          height: h + "px"
        };
      };
    }
  },
  async onLoad() {
    const info = await tenantStore.fetchTenantInfo();
    if (info.mpMenus) {
      const arr1 = info.mpMenus.filter((d) => d.type == 3);
      console.log("info.mpMenus: ", arr1);
      if (arr1) {
        this.navigation = arr1;
      }
    }
    this.reload();
  },
  methods: {
    async reload() {
      const app = this;
      const info = await tenantStore.fetchTenantInfo();
      if (common_vendor.index.getStorageSync("user_id") && common_vendor.index.getStorageSync("access_token")) {
        app.isLogin = true;
      }
      if (info.mpMenus) {
        const arr1 = info.mpMenus.filter((d) => d.type == 3);
        console.log("info.mpMenus: ", arr1);
        if (arr1) {
          app.navigation = arr1;
        }
      }
      Promise.all([app.pageGoods(), app.getGoodsCategory()]).then((res) => {
        app.goodsList = res[0];
        app.goodsCategoryList = res[1];
        app.hideTools = false;
      });
    },
    pageGoods() {
      const { categoryId } = this;
      return new Promise((resolve, reject) => {
        api_shop_goods_index.pageGoods({ parentId: categoryId }).then((result) => {
          resolve(result.list);
        }).catch(reject);
      });
    },
    getGoodsCategory() {
      return new Promise((resolve, reject) => {
        api_shop_goodsCategory_index.pageGoodsCategory({ parentId: 0 }).then((result) => {
          resolve(result.list);
        }).catch(reject);
      });
    },
    navTo(item) {
      common_vendor.index.navigateTo({
        url: "/package/goods/detail?id=" + item.goodsId
      });
    },
    onCategory(item) {
      this.categoryId = item.categoryId;
      this.goodsList = [];
      this.list1 = [];
      this.list2 = [];
      this.reload();
    },
    // 这点非常重要：e.name在这里返回是list1或list2，要手动将数据追加到相应列
    changeList(e) {
      console.log("e: ", e);
      this[e.name].push(e.value);
    },
    // 模拟的后端数据
    getData() {
      return new Promise((resolve) => {
        const imgs = [
          {
            url: "https://via.placeholder.com/100x110.png/3c9cff/fff",
            width: 100,
            height: 110
          },
          {
            url: "https://via.placeholder.com/200x220.png/f9ae3d/fff",
            width: 200,
            height: 220
          },
          {
            url: "https://via.placeholder.com/300x340.png/5ac725/fff",
            width: 300,
            height: 340
          },
          {
            url: "https://via.placeholder.com/400x400.png/f56c6c/fff",
            width: 400,
            height: 400
          },
          {
            url: "https://via.placeholder.com/500x510.png/909399/fff",
            width: 500,
            height: 510
          },
          {
            url: "https://via.placeholder.com/600x606.png/3c9cff/fff",
            width: 600,
            height: 606
          },
          {
            url: "https://via.placeholder.com/310x422.png/f1a532/fff",
            width: 310,
            height: 422
          },
          {
            url: "https://via.placeholder.com/320x430.png/3c9cff/fff",
            width: 320,
            height: 430
          },
          {
            url: "https://via.placeholder.com/330x424.png/f9ae3d/fff",
            width: 330,
            height: 424
          },
          {
            url: "https://via.placeholder.com/340x435.png/5ac725/fff",
            width: 340,
            height: 435
          },
          {
            url: "https://via.placeholder.com/350x440.png/f56c6c/fff",
            width: 350,
            height: 440
          },
          {
            url: "https://via.placeholder.com/380x470.png/909399/fff",
            width: 380,
            height: 470
          }
        ];
        let list = [];
        const doFn = (i) => {
          const randomIndex = Math.floor(Math.random() * 10);
          return {
            id: uni_modules_uvUiTools_libs_function_index.guid(),
            allowEdit: i == 0,
            image: imgs[randomIndex].url,
            w: imgs[randomIndex].width,
            h: imgs[randomIndex].height,
            title: i % 2 == 0 ? `(${this.list.length + i + 1})体验uv-ui框架` : `(${this.list.length + i + 1})uv-ui支持多平台`,
            desc: i % 2 == 0 ? `(${this.list.length + i + 1})欢迎使用uv-ui，uni-app生态专用的UI框架` : `(${this.list.length + i})开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序`
          };
        };
        setTimeout(() => {
          for (let i = 0; i < 20; i++) {
            list.push(doFn(i));
          }
          resolve({
            data: list
          });
        }, 200);
      });
    }
  }
};
if (!Array) {
  const _easycom_uv_skeleton2 = common_vendor.resolveComponent("uv-skeleton");
  const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
  const _easycom_uv_waterfall2 = common_vendor.resolveComponent("uv-waterfall");
  const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
  (_easycom_uv_skeleton2 + _easycom_uni_card2 + _easycom_uv_waterfall2 + _easycom_uv_gap2)();
}
const _easycom_uv_skeleton = () => "../../uni_modules/uv-skeleton/components/uv-skeleton/uv-skeleton.js";
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
const _easycom_uv_waterfall = () => "../../uni_modules/uv-waterfall/components/uv-waterfall/uv-waterfall.js";
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
if (!Math) {
  (_easycom_uv_skeleton + _easycom_uni_card + _easycom_uv_waterfall + _easycom_uv_gap)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return common_vendor.e({
    a: $data.navigation.length > 0
  }, $data.navigation.length > 0 ? {
    b: common_vendor.f($data.goodsCategoryList, (item, index, i0) => {
      return {
        a: item.image,
        b: common_vendor.t(item.title),
        c: common_vendor.o(($event) => $options.onCategory(item), index),
        d: index
      };
    })
  } : {
    c: common_vendor.p({
      rows: "0",
      avatar: true,
      loading: $data.hideTools,
      title: false
    }),
    d: common_vendor.p({
      rows: "0",
      avatar: true,
      loading: $data.hideTools,
      title: false
    }),
    e: common_vendor.p({
      rows: "0",
      avatar: true,
      loading: $data.hideTools,
      title: false
    }),
    f: common_vendor.p({
      rows: "0",
      avatar: true,
      loading: $data.hideTools,
      title: false
    }),
    g: common_vendor.p({
      border: false,
      padding: "12px 4px"
    })
  }, {
    h: !$data.hideTools
  }, !$data.hideTools ? {
    i: common_vendor.f($data.list1, (item, index, i0) => {
      return {
        a: item.image ? JSON.parse(item.image)[0] : [],
        b: item.width + "px",
        c: common_vendor.s($options.imageStyle(item)),
        d: common_vendor.o(($event) => $options.navTo(item), item.id),
        e: common_vendor.t(item.goodsName),
        f: common_vendor.o(($event) => $options.navTo(item), item.id),
        g: common_vendor.t(item.price),
        h: item.id
      };
    }),
    j: common_vendor.f($data.list2, (item, index, i0) => {
      return {
        a: item.image ? JSON.parse(item.image)[0] : [],
        b: item.width + "px",
        c: common_vendor.s($options.imageStyle(item)),
        d: common_vendor.o(($event) => $options.navTo(item), item.id),
        e: common_vendor.t(item.goodsName),
        f: common_vendor.o(($event) => $options.navTo(item), item.id),
        g: common_vendor.t(item.price),
        h: item.id
      };
    }),
    k: common_vendor.sr("waterfall", "111bd4f2-5"),
    l: common_vendor.o($options.changeList),
    m: common_vendor.o(($event) => $data.goodsList = $event),
    n: common_vendor.p({
      ["add-time"]: 10,
      ["left-gap"]: $data.leftGap,
      ["right-gap"]: $data.rightGap,
      ["column-gap"]: $data.columnGap,
      modelValue: $data.goodsList
    })
  } : {
    o: common_vendor.p({
      rows: "0",
      avatar: true,
      avatarShape: "square",
      avatarSize: "100",
      loading: $data.hideTools,
      title: false
    }),
    p: common_vendor.p({
      height: "16"
    }),
    q: common_vendor.p({
      rows: "2",
      loading: $data.hideTools,
      title: false
    }),
    r: common_vendor.p({
      border: false,
      padding: "18px 6px"
    }),
    s: common_vendor.p({
      rows: "0",
      avatar: true,
      avatarShape: "square",
      avatarSize: "100",
      loading: $data.hideTools,
      title: false
    }),
    t: common_vendor.p({
      height: "16"
    }),
    v: common_vendor.p({
      rows: "2",
      loading: $data.hideTools,
      title: false
    }),
    w: common_vendor.p({
      border: false,
      padding: "18px 6px"
    }),
    x: common_vendor.p({
      rows: "0",
      avatar: true,
      avatarShape: "square",
      avatarSize: "100",
      loading: $data.hideTools,
      title: false
    }),
    y: common_vendor.p({
      height: "16"
    }),
    z: common_vendor.p({
      rows: "2",
      loading: $data.hideTools,
      title: false
    }),
    A: common_vendor.p({
      border: false,
      padding: "18px 6px"
    }),
    B: common_vendor.p({
      rows: "0",
      avatar: true,
      avatarShape: "square",
      avatarSize: "100",
      loading: $data.hideTools,
      title: false
    }),
    C: common_vendor.p({
      height: "16"
    }),
    D: common_vendor.p({
      rows: "2",
      loading: $data.hideTools,
      title: false
    }),
    E: common_vendor.p({
      border: false,
      padding: "18px 6px"
    })
  });
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-111bd4f2"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/pages/shop/shop.vue"]]);
wx.createPage(MiniProgramPage);