@u-gis/assets 3.0.3

package/earthsdk3-assets.js

@@ -0,0 +1,43 @@
+/**
+ * 获取脚本路径、目录、名称、扩展名
+ * 注意：
+ * 1. 脚本路径、目录、名称、扩展名都是以脚本名称为前缀，内置环境变量;
+ * 2. earthsdk3-assets.js这个文件名称不允许更改！！！
+ * 3. earthsdk3-assets.js这个文件名称不允许更改！！！
+ * 4. earthsdk3-assets.js这个文件名称不允许更改！！！
+ */
+
+function getDirAndFileNameFromPath(path) {
+    const result = /(.*)[\/\\](.*)/.exec(path);
+    if (result && result.length >= 3) {
+        return [result[1], result[2]];
+    } else {
+        return undefined;
+    }
+}
+function getNameAndExtFromFileName(fileName) {
+    const result = /(.*)\.(.*)/.exec(fileName);
+    if (result && result.length >= 3) {
+        return [result[1], result[2]];
+    } else {
+        return undefined;
+    }
+}
+
+const init = () => {
+    window.ESSDK_ENV = window.ESSDK_ENV || {};
+    const currentScriptPath = document?.currentScript?.src; // 获取当前脚本路径
+    const [scriptDir, scriptFileName] = getDirAndFileNameFromPath(currentScriptPath) ?? ['', '']; // 获取脚本目录和文件名
+    const [scriptName, scriptExt] = getNameAndExtFromFileName(scriptFileName) ?? ['', '']; // 获取脚本名称和扩展名
+    if (!scriptName) {
+        console.warn(`getCurrentScriptPath error: ${scriptName}`);
+        return;
+    }
+
+    window.ESSDK_ENV[`${scriptName}-script-path`] = currentScriptPath;// 设置脚本路径
+    window.ESSDK_ENV[`${scriptName}-script-dir`] = scriptDir;// 设置脚本目录
+    window.ESSDK_ENV[`${scriptName}-script-name`] = scriptName;// 设置脚本名称
+    window.ESSDK_ENV[`${scriptName}-script-ext`] = scriptExt;// 设置脚本扩展名
+}
+
+init();

package/markdown/marked/css/app.css

@@ -0,0 +1,573 @@
+/* General Setting */
+
+/* Small screens (default) */
+html {
+    font-size: 100%;
+}
+
+/* Medium screens (640px) */
+@media (min-width: 40rem) {
+    html {
+        font-size: 112%;
+    }
+}
+
+/* Large screens (1024px) */
+@media (min-width: 64rem) {
+    html {
+        font-size: 120%;
+    }
+}
+
+/* Grid */
+
+/* Ditto */
+
+body {
+    color: #fff;
+    margin: 0;
+    padding: 0;
+
+    font-family: Verdana, Arial;
+    font-size: 0.8rem;
+}
+
+#sidebar {
+    margin-top: 0;
+    padding-left: 25px;
+    padding-bottom: 25px;
+    padding-top: 25px;
+
+    box-shadow: 0 0 40px #CCC;
+    -webkit-box-shadow: 0 0 40px #CCC;
+    -moz-box-shadow: 0 0 40px #CCC;
+    border-right: 1px solid #BBB;
+}
+
+@media (min-width: 40rem) {
+    #sidebar {
+        width: 280px;
+        position: fixed;
+        height: 100%;
+        margin-right: 20px;
+        padding-bottom: 0px;
+        padding-top: 0px;
+        overflow-y: scroll;
+        overflow: -moz-scrollbars-vertical;
+    }
+}
+
+#sidebar h1 {
+    font-size: 25px;
+    margin-bottom: 0px;
+    padding-bottom: 0px;
+}
+
+#sidebar h1 a:link,
+#sidebar h1 a:visited {
+    color: #333;
+}
+
+#sidebar h2 {
+    font-size: 0.7rem;
+}
+
+#sidebar h5 {
+    margin-top: 20px;
+    margin-bottom: 0;
+}
+
+#sidebar a:visited,
+#sidebar a:link {
+    color: #4682BE;
+    text-decoration: none;
+}
+
+#sidebar ul {
+    list-style-type: none;
+    margin: 0;
+    padding-left: 10px;
+    padding-top: 0;
+}
+
+#sidebar ol {
+    margin: 0;
+    padding-left: 30px;
+    padding-top: 0;
+}
+
+#sidebar ul li:before {
+    /* a hack to have dashes as a list style */
+    content: "-";
+    position: relative;
+    left: -5px;
+}
+
+#sidebar ul li,
+#sidebar ol li {
+    margin-top: 0;
+    margin-bottom: 0.2rem;
+    margin-left: 10px;
+    padding: 0;
+
+    text-indent: -5px;
+    /* to compensate for the padding for the dash */
+    font-size: 0.7rem;
+}
+
+form.searchBox {
+    width: 180px;
+    border: 1px solid #4682BE;
+    height: 20px;
+    position: relative;
+}
+
+input[type=search] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 160px;
+    height: 18px;
+    text-align: left;
+    border: none;
+    outline: none;
+}
+
+input.searchButton {
+    position: absolute;
+    top: 0;
+    left: 160px;
+    height: 18px;
+}
+
+#content {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+    counter-reset: section;
+}
+
+@media (min-width: 40rem) {
+    #content {
+        margin-left: 0px;
+        margin-right: 0px;
+    }
+}
+
+#content pre {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 0.7rem;
+    line-height: 1.2;
+
+    color: #FFF;
+
+    background: #111;
+    border-radius: 5px;
+}
+
+#content code {
+    color: #a6e22e;
+    font-size: 0.7rem;
+    font-weight: normal;
+    font-family: Consolas, "Courier New", Courier, FreeMono, monospace;
+
+    background: #111;
+    border-radius: 2px;
+}
+
+#content p code,
+#content li>code,
+#content h2>code,
+#content h3>code {
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #c7254e;
+    background: #f9f2f4;
+}
+
+#content h2 {
+    padding-bottom: 0px;
+    font-size: 18px;
+    text-align: left;
+    counter-increment: section;
+}
+
+#content h2:before {
+    content: counter(section) ". ";
+}
+
+#content h3 {
+    margin-bottom: 0px;
+    padding-bottom: 0px;
+    text-align: left;
+}
+
+#content h2:hover,
+#content h3:hover {
+    color: #ED1C24;
+}
+
+#content img {
+    max-width: 90%;
+    display: block;
+
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 40px;
+    margin-bottom: 40px;
+
+    border-radius: 5px;
+}
+
+#content ul {
+    display: block;
+    list-style-type: none;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
+#content ol {
+    display: block;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
+
+#content ul li:before {
+    /* a hack to have dashes as a list style */
+    content: "-";
+    position: relative;
+    left: -5px;
+}
+
+#content ul li,
+#content ol li {
+    text-indent: -5px;
+    /* to compensate for the padding for the dash */
+    font-size: 0.8rem;
+}
+
+#content ul li.link,
+#content ol li.link {
+    color: #2980b9;
+    text-decoration: none;
+    font-size: 0.7rem;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+#content a:link,
+#content a:visited {
+    color: #4682BE;
+    text-decoration: none;
+}
+
+#content .content-toc {
+    background: #bdc3c7;
+    border-radius: 5px;
+}
+
+#content table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+    word-break: normal;
+    word-break: keep-all
+}
+
+#content table th {
+    font-weight: bold
+}
+
+#content table th,
+#content table td {
+    padding: 6px 13px;
+    border: 1px solid #ddd
+}
+
+#content table tr {
+    background-color: #fff;
+    border-top: 1px solid #ccc
+}
+
+#content table tr:nth-child(2n) {
+    background-color: #f8f8f8
+}
+
+#back_to_top {
+    display: none;
+    position: fixed;
+
+    height: 20px;
+    width: 70px;
+    top: 20px;
+
+    margin-left: 930px;
+    margin-top: 0px;
+
+    color: #FFF;
+    line-height: 20px;
+    text-align: center;
+    font-size: 10px;
+
+
+    border-radius: 5px;
+    background-color: #AAA;
+}
+
+#back_to_top:hover {
+    background-color: #444;
+    cursor: pointer;
+}
+
+#edit {
+    display: none;
+    position: fixed;
+
+    height: 17px;
+    width: 70px;
+    top: 45px;
+
+    margin-left: 930px;
+    margin-top: 0px;
+
+    color: #FFF;
+    line-height: 17px;
+    text-align: center;
+    font-size: 10px;
+
+
+    border-radius: 5px;
+    background-color: #AAA;
+}
+
+#edit:hover {
+    background-color: #444;
+    cursor: pointer;
+}
+
+#theme {
+    display: none;
+    position: fixed;
+
+    height: 17px;
+    width: 70px;
+    top: 70px;
+
+    margin-left: 930px;
+    margin-top: 0px;
+
+    color: #FFF;
+    line-height: 17px;
+    text-align: center;
+    font-size: 10px;
+
+
+    border-radius: 5px;
+    background-color: #AAA;
+}
+
+#theme:hover {
+    background-color: #444;
+    cursor: pointer;
+}
+
+#loading,
+#error {
+    display: none;
+    position: fixed;
+
+    top: 0;
+    height: 17px;
+
+    font-size: 14px;
+}
+
+@media (min-width: 40rem) {
+
+    #loading,
+    #error {
+        display: none;
+        position: fixed;
+
+        height: 17px;
+        top: 45%;
+
+        margin-left: 560px;
+
+        font-size: 14px;
+    }
+}
+
+#flip {
+    position: fixed;
+    height: 20px;
+    width: 100%;
+    bottom: 10px;
+    font-size: 10px;
+    text-align: center;
+}
+
+#pageup,
+#pagedown {
+    height: 20px;
+    width: 70px;
+    display: inline-block;
+    border-radius: 5px;
+    background-color: #AAA;
+    text-align: center;
+    line-height: 20px;
+    color: #FFF;
+}
+
+#pageup {
+    margin-right: 5px;
+}
+
+#pageup:hover,
+#pagedown:hover {
+    background-color: #444;
+    cursor: pointer;
+}
+
+#pagedown {
+    margin-left: 5px;
+}
+
+@media (min-width: 40rem) {
+    #flip {
+        margin-left: 545px;
+        width: 150px;
+    }
+}
+
+.progress-indicator-2 {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 3px;
+    background-color: #0A74DA;
+}
+
+/**
+ * okaidia theme for JavaScript, CSS and HTML
+ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
+ * @author ocodia
+ */
+
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+code[class*=language-],
+pre[class*=language-] {
+    color: #ccc;
+    background: 0 0;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none
+}
+
+pre[class*=language-] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto
+}
+
+:not(pre)>code[class*=language-],
+pre[class*=language-] {
+    background: #2d2d2d
+}
+
+:not(pre)>code[class*=language-] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal
+}
+
+.token.block-comment,
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+    color: #999
+}
+
+.token.punctuation {
+    color: #ccc
+}
+
+.token.attr-name,
+.token.deleted,
+.token.namespace,
+.token.tag {
+    color: #e2777a
+}
+
+.token.function-name {
+    color: #6196cc
+}
+
+.token.boolean,
+.token.function,
+.token.number {
+    color: #f08d49
+}
+
+.token.class-name,
+.token.constant,
+.token.property,
+.token.symbol {
+    color: #f8c555
+}
+
+.token.atrule,
+.token.builtin,
+.token.important,
+.token.keyword,
+.token.selector {
+    color: #cc99cd
+}
+
+.token.attr-value,
+.token.char,
+.token.regex,
+.token.string,
+.token.variable {
+    color: #7ec699
+}
+
+.token.entity,
+.token.operator,
+.token.url {
+    color: #67cdcc
+}
+
+.token.bold,
+.token.important {
+    font-weight: 700
+}
+
+.token.italic {
+    font-style: italic
+}
+
+.token.entity {
+    cursor: help
+}
+
+.token.inserted {
+    color: green
+}

package/markdown/marked/index.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例面板</title>
+    <script src="./js/prism.js"></script>
+    <script src="./js/marked.js"></script>
+    <link href="./css/app.css" rel="stylesheet">
+</head>
+<style>
+    html {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        width: calc(100% - 10px);
+        height: calc(100% - 10px);
+        overflow: hidden;
+    }
+
+    pre::-webkit-scrollbar,
+    div::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+        cursor: pointer;
+    }
+
+    pre::-webkit-scrollbar-track,
+    div::-webkit-scrollbar-track {
+        background: #00212b;
+        opacity: 0.5;
+        border-radius: 2px;
+        cursor: pointer;
+    }
+
+    pre::-webkit-scrollbar-thumb,
+    div::-webkit-scrollbar-thumb {
+        background: #3f4347;
+        border-radius: 2px;
+        cursor: pointer;
+    }
+
+</style>
+
+<body>
+    <div id="content" style="width: 100%;height:100%;overflow: auto;">
+    </div>
+    <script>
+        function setHtml(str) {
+            const content = document.getElementById('content')
+            content.innerHTML = marked(str);
+            Prism.highlightAll();
+        }
+        addEventListener('message', function (messageEvent) {
+            const data = messageEvent.data;
+            if (!data || !data.type || !data.id) {
+                return;
+            }
+            if (data.type === 'setSample') {
+                if (typeof data.value !== 'string') {
+                    console.warn(`typeof data.value !=='string'`);
+                    return;
+                }
+                try {
+                    setHtml(data.value)
+                    parent.postMessage({ type: 'setSampleReturn', id: data.id, status: 'ok' }, '*');
+                } catch (error) {
+                    parent.postMessage({ type: 'setSampleReturn', id: data.id, status: 'error' }, '*');
+                }
+            }
+        }, false);
+    </script>
+</body>
+
+</html>