package node

import (
	"shylinux.com/x/ice"
	"shylinux.com/x/icebergs/base/nfs"
	"shylinux.com/x/icebergs/base/tcp"
	"shylinux.com/x/icebergs/core/code"
	kit "shylinux.com/x/toolkits"
)

type vue struct {
	ice.Code
	ice.Lang
	list string `name:"list path auto" help:"框架"`
}

func (s vue) Render(m *ice.Message, arg ...string) {
	list := kit.Dict(kit.UnMarshal(m.Cmdx(nfs.CAT, kit.Path(m.Option(nfs.PATH), "display.json"))))
	m.EchoIFrame(kit.Format("%s%s", list[tcp.HOST], kit.Format(list[m.Option(nfs.FILE)])))
}
func (s vue) Init(m *ice.Message) {
	s.Lang.Init(m, code.PREPARE, ice.Map{
		"regexp": kit.Dict(
			"^el-[a-z0-9_]+$", code.KEYWORD,
		),
		code.KEYWORD: kit.List(
			"template", "script", "style",
			"component", "slot",
			"router-link", "router-view",

			"el-container", "el-aside", "el-header", "el-main",
			"el-dialog",
			"el-drawer",

			"el-icon", "el-avatar",
			"el-dropdown", "el-dropdown-menu", "el-dropdown-item",
			"el-menu", "el-sub-menu", "el-menu-item",
			"el-table", "el-table-column", "el-pagination",
			"el-row", "el-col",
			"el-breadcrumb", "el-breadcrumb-item",

			"el-tabs", "el-tab-pane",
			"el-form", "el-form-item",

			"el-switch",
			"el-input",
			"el-select",
			"el-option",
			"el-button",
			"el-checkbox",
			"el-checkbox-group",
		),
		code.FUNCTION: kit.List(
			"data",
			"props",
			"inject",
			"provide",
			"components",
			"computed",
			"created",
			"mounted",
			"unmounted",
			"methods",
			"watch",
		),
	}, "include", kit.List(nfs.HTML, nfs.CSS, nfs.JS), "split.operator", "{[(.,:</>#)]}")
}
func (s vue) List(m *ice.Message) { m.Cmdy(nfs.DIR, nfs.USR) }

func init() { ice.CodeCtxCmd(vue{}) }