wuxw
2019-05-05 3e77432495dcbca5b2ba3b03e5f18246777fca75
WebService/src/main/java/com/java110/web/core/VueComponentElement.java
@@ -1,5 +1,7 @@
package com.java110.web.core;
import com.java110.common.util.Assert;
import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.thymeleaf.Arguments;
@@ -12,7 +14,9 @@
import java.io.StringReader;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
 * 组件 自定义标签功能类
@@ -23,6 +27,8 @@
    private static Logger logger = LoggerFactory.getLogger(VueComponentElement.class);
    private static final String DIV_PROPERTY_COMPONENT = "data-component";
    private static final int DEFAULT_PRECEDENCE = 1000;
    protected VueComponentElement(String elementName) {
@@ -36,6 +42,7 @@
        List<Node> nodes = new ArrayList<>();
        //获取模板名称
        String componentName = element.getAttributeValue("name");
        logger.debug("正在解析组件{}", componentName);
        String html = VueComponentTemplate.findTemplateByComponentCode(componentName + "." + VueComponentTemplate.COMPONENT_HTML);
        if (html == null) {
@@ -60,6 +67,8 @@
        //js
        String js = VueComponentTemplate.findTemplateByComponentCode(componentName + "." + VueComponentTemplate.COMPONENT_JS);
        if (js != null) {
            js = dealJs(js, element);
            js = "<script type=\"text/javascript\">//<![CDATA[ \n" + js + "//]]>\n</script>";
            Node nodeJs = new Macro(js);
            nodes.add(nodeJs);
@@ -67,6 +76,56 @@
        return nodes;
    }
    /**
     * 处理js
     *
     * @param element 页面元素
     * @param js      js文件内容
     * @return js 文件内容
     */
    private String dealJs(String js, Element element) {
        //在js 中检测propTypes 属性
        if (!js.contains("propTypes")) {
            return js;
        }
        //解析propTypes信息
        String tmpProTypes = js.substring(js.indexOf("propTypes"));
        tmpProTypes = tmpProTypes.substring(tmpProTypes.indexOf("{") + 1, tmpProTypes.indexOf("}")).trim();
        if (StringUtils.isEmpty(tmpProTypes)) {
            return js;
        }
        String[] tmpType = tmpProTypes.split(",");
        for (String type : tmpType) {
            if (StringUtils.isEmpty(type) || !type.contains(":")) {
                continue;
            }
            String[] types = type.split(":");
            if (!element.hasAttribute(types[0].trim())) {
                throw new RuntimeException("未配置组件属性" + types[0]);
            }
            String vcType = element.getAttributeValue(types[0]);
            js = js.replace(types[0], vcType);
        }
        return js;
    }
    /**
     * 处理js 变量和 方法都加入 组件编码
     *
     * @param element 页面元素
     * @param js      js文件内容
     * @return js 文件内容
     */
    private String dealJsAddComponentCode(String js, Element element) {
        return "";
    }
    /**
@@ -82,6 +141,6 @@
    @Override
    public int getPrecedence() {
        return 1000;
        return DEFAULT_PRECEDENCE;
    }
}