"use strict";
const common_vendor = require("../../common/vendor.js");
if (!Array) {
  const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
  const _easycom_u_popup2 = common_vendor.resolveComponent("u-popup");
  (_easycom_up_input2 + _easycom_u_popup2)();
}
const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
const _easycom_u_popup = () => "../../uni_modules/uview-plus/components/u-popup/u-popup.js";
if (!Math) {
  (_easycom_up_input + _easycom_u_popup)();
}
const _sfc_main = {
  __name: "management",
  setup(__props) {
    const showEditPopup = common_vendor.ref(false);
    const areaData = common_vendor.reactive({
      name: "区域名称",
      color: "#ef4444"
    });
    const formData = common_vendor.reactive({
      name: "",
      color: "#ef4444"
    });
    const presetColors = [
      "#2563eb",
      "#ef4444",
      "#10b981",
      "#f59e0b",
      "#6366f1",
      "#ec4899",
      "#06b6d4",
      "#84cc16",
      "#f97316",
      "#4f46e5",
      "#dc2626",
      "#f59e0b",
      "#d97706",
      "#8b5cf6",
      "#db2777"
    ];
    const openEditPopup = () => {
      formData.name = areaData.name;
      formData.color = areaData.color;
      showEditPopup.value = true;
    };
    const selectColor = (color) => {
      formData.color = color;
    };
    const handleEdit = () => {
      if (!formData.name) {
        common_vendor.index.showToast({ title: "请输入区域名称", icon: "none" });
        return;
      }
      if (!formData.color) {
        common_vendor.index.showToast({ title: "请选择区域颜色", icon: "none" });
        return;
      }
      areaData.name = formData.name;
      areaData.color = formData.color;
      showEditPopup.value = false;
      common_vendor.index.showToast({
        title: "编辑成功",
        icon: "success"
      });
    };
    return (_ctx, _cache) => {
      return {
        a: common_vendor.t(areaData.name || "区域名称"),
        b: areaData.color,
        c: common_vendor.t(areaData.color),
        d: common_vendor.o(openEditPopup),
        e: common_vendor.o(($event) => showEditPopup.value = false),
        f: common_vendor.o(($event) => formData.name = $event),
        g: common_vendor.p({
          placeholder: "请输入区域名称",
          modelValue: formData.name
        }),
        h: common_vendor.o(($event) => formData.color = $event),
        i: common_vendor.p({
          placeholder: "#ef4444",
          modelValue: formData.color
        }),
        j: formData.color,
        k: common_vendor.f(presetColors, (color, index, i0) => {
          return {
            a: index,
            b: color,
            c: common_vendor.o(($event) => selectColor(color), index)
          };
        }),
        l: common_vendor.o(($event) => showEditPopup.value = false),
        m: common_vendor.o(handleEdit),
        n: common_vendor.o(($event) => showEditPopup.value = false),
        o: common_vendor.p({
          show: showEditPopup.value,
          mode: "center",
          round: "20"
        })
      };
    };
  }
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-847f15e8"]]);
wx.createPage(MiniProgramPage);