import { defineComponent, ref, reactive, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderStyle, ssrRenderList, ssrInterpolate, ssrRenderAttr, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual } from 'vue/server-renderer';
import { u as useApi } from './useApi-B-E5eLsI.mjs';
import { u as useToast } from './useToast-CS21XT61.mjs';
import './server.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'pinia';
import 'perfect-debounce';
import './useLoading-D4zrSa2m.mjs';

const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "factory",
  __ssrInlineRender: true,
  setup(__props) {
    useApi();
    useToast();
    const view = ref("list");
    const rows = ref([]);
    const providers = ref([]);
    const loading = ref(false);
    const submitting = ref(false);
    const isEditing = ref(false);
    const emails = ref([]);
    const newEmail = ref("");
    const form = reactive({ id: 0, brand: "", providerid: 0, description: "" });
    function hexId(id) {
      return id ? Number(id).toString(16).toUpperCase() : "";
    }
    function mailList(s) {
      return (s || "").split(",").map((e) => e.trim()).filter(Boolean);
    }
    function providerName(pid) {
      if (!pid) return "-";
      const p = providers.value.find((x) => x.id === pid);
      return p ? p.name : "方案商#" + pid;
    }
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(_attrs)}><div style="${ssrRenderStyle(view.value === "list" ? null : { display: "none" })}"><div class="flex items-center justify-between mb-5"><h2 class="text-lg font-semibold text-slate-800">品牌商列表</h2><button class="btn btn-primary btn-sm text-white">+ 新增品牌商</button></div><div class="bg-white rounded-xl shadow-sm border border-slate-100"><div class="overflow-x-auto"><table class="table table-zebra"><thead><tr><th>ID</th><th>品牌名称</th><th>归属方案商</th><th>联系邮箱</th><th>产品</th><th>操作</th></tr></thead><tbody>`);
      if (loading.value) {
        _push(`<tr><td colspan="6" class="text-center py-8"><span class="loading loading-spinner loading-sm"></span></td></tr>`);
      } else if (!rows.value.length) {
        _push(`<tr><td colspan="6" class="text-center text-slate-400 py-8">暂无数据</td></tr>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<!--[-->`);
      ssrRenderList(rows.value, (b) => {
        _push(`<tr><td class="font-mono text-sm">${ssrInterpolate(hexId(b.id))}</td><td class="font-medium">${ssrInterpolate(b.brand)}</td><td><span class="badge badge-ghost badge-sm">${ssrInterpolate(providerName(b.providerid))}</span></td><td class="text-sm">`);
        if (mailList(b.contactmails).length) {
          _push(`<!--[-->`);
          ssrRenderList(mailList(b.contactmails), (e, i) => {
            _push(`<span class="badge badge-ghost badge-sm mr-1">${ssrInterpolate(e)}</span>`);
          });
          _push(`<!--]-->`);
        } else {
          _push(`<span class="text-slate-300">-</span>`);
        }
        _push(`</td><td class="text-sm text-slate-500">${ssrInterpolate(b.productlists || "")}</td><td><div class="flex gap-1"><button class="btn btn-ghost btn-xs">编辑</button><button class="btn btn-ghost btn-xs text-red-500">删除</button></div></td></tr>`);
      });
      _push(`<!--]--></tbody></table></div></div></div><div style="${ssrRenderStyle(view.value === "form" ? null : { display: "none" })}"><div class="flex items-center gap-3 mb-5"><button class="btn btn-ghost btn-sm">← 返回列表</button><h2 class="text-lg font-semibold text-slate-800">${ssrInterpolate(isEditing.value ? "编辑品牌商" : "新增品牌商")}</h2></div><div class="bg-white rounded-xl shadow-sm border border-slate-100 p-6 max-w-2xl"><form><div class="form-control mb-4"><label class="label"><span class="label-text font-medium">品牌名称 *</span></label><input${ssrRenderAttr("value", form.brand)} type="text" class="input input-bordered w-full" required></div><div class="form-control mb-4"><label class="label"><span class="label-text font-medium">归属方案商</span></label><select class="select select-bordered w-full"><option${ssrRenderAttr("value", 0)}${ssrIncludeBooleanAttr(Array.isArray(form.providerid) ? ssrLooseContain(form.providerid, 0) : ssrLooseEqual(form.providerid, 0)) ? " selected" : ""}>请选择方案商</option><!--[-->`);
      ssrRenderList(providers.value, (p) => {
        _push(`<option${ssrRenderAttr("value", p.id)}${ssrIncludeBooleanAttr(Array.isArray(form.providerid) ? ssrLooseContain(form.providerid, p.id) : ssrLooseEqual(form.providerid, p.id)) ? " selected" : ""}>${ssrInterpolate(p.name)}</option>`);
      });
      _push(`<!--]--></select></div><div class="form-control mb-4"><label class="label"><span class="label-text font-medium">描述</span></label><textarea class="textarea textarea-bordered w-full" rows="3">${ssrInterpolate(form.description)}</textarea></div><div class="form-control mb-6"><label class="label"><span class="label-text font-medium">联系邮箱</span></label><div class="space-y-2">`);
      if (!emails.value.length) {
        _push(`<p class="text-xs text-slate-400">暂无邮箱</p>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<!--[-->`);
      ssrRenderList(emails.value, (e, i) => {
        _push(`<div class="flex items-center gap-2"><span class="badge badge-lg gap-1 bg-slate-100 border-slate-200"><svg class="h-3 w-3 text-slate-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> ${ssrInterpolate(e)}</span><button type="button" class="btn btn-ghost btn-xs text-red-400 hover:text-red-600">×</button></div>`);
      });
      _push(`<!--]--></div><div class="flex gap-2 mt-2"><input${ssrRenderAttr("value", newEmail.value)} type="email" class="input input-bordered input-sm flex-1" placeholder="输入邮箱地址"><button type="button" class="btn btn-outline btn-sm btn-primary">添加</button></div></div><div class="flex gap-3"><button type="button" class="btn btn-ghost">取消</button><button type="submit" class="btn btn-primary text-white"${ssrIncludeBooleanAttr(submitting.value) ? " disabled" : ""}>保存</button></div></form></div></div></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/factory.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=factory-BCjt3r8_.mjs.map