@lightsoft/js-sdk 1.0.1 → 1.1.0

package/dist/index.umd.js

@@ -1,246 +1,345 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
     typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.s = {}, global.vue));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.s = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-    var TAG_NAME_REGEX = /<\/?\s*([a-zA-Z][a-zA-Z0-9-]*)\b/; // 获取开始或结束标签的名
-    var SINGLE_TAG_REGEX = /<([^\s>]+)/; // 单标签
-    var TAG_REGEX = /<\/?[a-z]+[^>]*>|[^<>]+/gi; // 开始和结束标签
-    var $FOR_REGEX = /r-for\s*=\s*"([^"]+)"/; //$for 属性值
-    var $IF_REGEX = /r-if\s*=\s*"([^"]+)"/; //$if 属性值
-    var $STYLE_REGEX = /r-style\s*=\s*"([^"]+)"/; //$style 属性值
-    var $CLASS_REGEX = /r-class\s*=\s*"([^"]+)"/; //$class 属性值
-    var $ATTRS_REGEX = /\sr-[a-z]\w+\s*=\s*"[^"]*"/g; // 所有$符号的属性
-    var $CONTENT_REGEX = /\{\{(.+?)\}\}/g; // $符号内容
-    var RELATIONAL_SYMBOLS_REGEX = /<=|>=|\=+|>|</; // 关系符号
-    var STR_REGEX = /^("|'|`)(.*)\1$/;
-    var CALLBACK_REGEX = /\s*setContent\((.*?)\)\s*/g;
-    var FUN_NAME_REGEX = /([a-zA-Z_$][a-zA-Z0-9_$]*)/;
-    function useId() {
-        return Math.random().toString(36).substring(2, 15);
-    }
-    function hasSingleTag(tag) {
-        var _a;
-        return ['img', 'br', 'input'].includes((_a = tag.match(SINGLE_TAG_REGEX)) === null || _a === void 0 ? void 0 : _a[1]);
-    }
-    function findStartTag(currentIndex, tags) {
-        var _a, _b, _c, _d;
-        var index = 1;
-        var prevTag = tags[currentIndex - index];
-        var currentTag = tags[currentIndex];
-        var currentTagName = (_b = (_a = currentTag.tag) === null || _a === void 0 ? void 0 : _a.match(TAG_NAME_REGEX)) === null || _b === void 0 ? void 0 : _b[1];
-        var prevTagName;
-        while (currentTagName !== prevTagName) {
-            prevTag = tags[currentIndex - index] || prevTag;
-            prevTagName = (_d = (_c = prevTag.tag) === null || _c === void 0 ? void 0 : _c.match(TAG_NAME_REGEX)) === null || _d === void 0 ? void 0 : _d[1];
-            index++;
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+        return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var READY_STATE;
+    (function (READY_STATE) {
+        // 未初始化
+        READY_STATE[READY_STATE["UNSENT"] = 0] = "UNSENT";
+        // 已打开
+        READY_STATE[READY_STATE["OPENED"] = 1] = "OPENED";
+        // 已获取响应头
+        READY_STATE[READY_STATE["HEADERS_RECEIVED"] = 2] = "HEADERS_RECEIVED";
+        // 已加载响应体
+        READY_STATE[READY_STATE["LOADING"] = 3] = "LOADING";
+        // 已完成
+        READY_STATE[READY_STATE["DONE"] = 4] = "DONE";
+    })(READY_STATE || (READY_STATE = {}));
+    var STATUS_CODE;
+    (function (STATUS_CODE) {
+        // 2xx 成功
+        STATUS_CODE[STATUS_CODE["OK"] = 200] = "OK";
+        STATUS_CODE[STATUS_CODE["CREATED"] = 201] = "CREATED";
+        STATUS_CODE[STATUS_CODE["ACCEPTED"] = 202] = "ACCEPTED";
+        STATUS_CODE[STATUS_CODE["NO_CONTENT"] = 204] = "NO_CONTENT";
+        // 3xx 重定向
+        STATUS_CODE[STATUS_CODE["MOVED_PERMANENTLY"] = 301] = "MOVED_PERMANENTLY";
+        STATUS_CODE[STATUS_CODE["FOUND"] = 302] = "FOUND";
+        STATUS_CODE[STATUS_CODE["NOT_MODIFIED"] = 304] = "NOT_MODIFIED";
+        // 4xx 客户端错误
+        STATUS_CODE[STATUS_CODE["BAD_REQUEST"] = 400] = "BAD_REQUEST";
+        STATUS_CODE[STATUS_CODE["UNAUTHORIZED"] = 401] = "UNAUTHORIZED";
+        STATUS_CODE[STATUS_CODE["FORBIDDEN"] = 403] = "FORBIDDEN";
+        STATUS_CODE[STATUS_CODE["NOT_FOUND"] = 404] = "NOT_FOUND";
+        // 5xx 服务器错误
+        STATUS_CODE[STATUS_CODE["INTERNAL_SERVER_ERROR"] = 500] = "INTERNAL_SERVER_ERROR";
+        STATUS_CODE[STATUS_CODE["SERVICE_UNAVAILABLE"] = 503] = "SERVICE_UNAVAILABLE";
+        STATUS_CODE[STATUS_CODE["GATEWAY_TIMEOUT"] = 504] = "GATEWAY_TIMEOUT";
+    })(STATUS_CODE || (STATUS_CODE = {}));
+    var HTTP_STATUS_MESSAGE;
+    (function (HTTP_STATUS_MESSAGE) {
+        // 2xx 成功
+        HTTP_STATUS_MESSAGE["OK"] = "\u8BF7\u6C42\u6210\u529F";
+        HTTP_STATUS_MESSAGE["CREATED"] = "\u521B\u5EFA\u6210\u529F";
+        HTTP_STATUS_MESSAGE["ACCEPTED"] = "\u5DF2\u63A5\u6536";
+        HTTP_STATUS_MESSAGE["NO_CONTENT"] = "\u65E0\u5185\u5BB9";
+        // 3xx 重定向
+        HTTP_STATUS_MESSAGE["MOVED_PERMANENTLY"] = "\u5DF2\u6C38\u4E45\u79FB\u52A8";
+        HTTP_STATUS_MESSAGE["FOUND"] = "\u5DF2\u627E\u5230";
+        HTTP_STATUS_MESSAGE["NOT_MODIFIED"] = "\u672A\u4FEE\u6539";
+        // 4xx 客户端错误
+        HTTP_STATUS_MESSAGE["BAD_REQUEST"] = "\u8BF7\u6C42\u9519\u8BEF";
+        HTTP_STATUS_MESSAGE["UNAUTHORIZED"] = "\u672A\u6388\u6743";
+        HTTP_STATUS_MESSAGE["FORBIDDEN"] = "\u7981\u6B62\u8BBF\u95EE";
+        HTTP_STATUS_MESSAGE["NOT_FOUND"] = "\u672A\u627E\u5230";
+        // 5xx 服务器错误
+        HTTP_STATUS_MESSAGE["INTERNAL_SERVER_ERROR"] = "\u670D\u52A1\u5668\u9519\u8BEF";
+        HTTP_STATUS_MESSAGE["SERVICE_UNAVAILABLE"] = "\u670D\u52A1\u4E0D\u53EF\u7528";
+        HTTP_STATUS_MESSAGE["GATEWAY_TIMEOUT"] = "\u7F51\u5173\u8D85\u65F6";
+    })(HTTP_STATUS_MESSAGE || (HTTP_STATUS_MESSAGE = {}));
+    var HTTP_METHOD;
+    (function (HTTP_METHOD) {
+        HTTP_METHOD["GET"] = "GET";
+        HTTP_METHOD["POST"] = "POST";
+        HTTP_METHOD["PUT"] = "PUT";
+        HTTP_METHOD["DELETE"] = "DELETE";
+    })(HTTP_METHOD || (HTTP_METHOD = {}));
+    var HTTP_HEADER;
+    (function (HTTP_HEADER) {
+        HTTP_HEADER["CONTENT_TYPE"] = "Content-Type";
+        HTTP_HEADER["ACCEPT"] = "Accept";
+        HTTP_HEADER["AUTHORIZATION"] = "Authorization";
+    })(HTTP_HEADER || (HTTP_HEADER = {}));
+    var HTTP_CONTENT_TYPE;
+    (function (HTTP_CONTENT_TYPE) {
+        HTTP_CONTENT_TYPE["JSON"] = "application/json";
+        HTTP_CONTENT_TYPE["FORM_URLENCODED"] = "application/x-www-form-urlencoded";
+        HTTP_CONTENT_TYPE["MULTIPART_FORM_DATA"] = "multipart/form-data";
+    })(HTTP_CONTENT_TYPE || (HTTP_CONTENT_TYPE = {}));
+    var HTTP_STATUS;
+    (function (HTTP_STATUS) {
+        HTTP_STATUS[HTTP_STATUS["OK"] = 200] = "OK";
+        HTTP_STATUS[HTTP_STATUS["CREATED"] = 201] = "CREATED";
+        HTTP_STATUS[HTTP_STATUS["ACCEPTED"] = 202] = "ACCEPTED";
+        HTTP_STATUS[HTTP_STATUS["NO_CONTENT"] = 204] = "NO_CONTENT";
+    })(HTTP_STATUS || (HTTP_STATUS = {}));
+
+    var Request = /** @class */ (function () {
+        function Request() {
+            this.beforeRequestOptions = {};
+            this.xhr = this.create();
         }
-        return prevTag;
-    }
-    function operatorsParse(content) {
-        if (content === void 0) { content = ''; }
-        return content.replace('&gt;', '>').replace('&lt;', '<').replaceAll('&amp;', '&');
-    }
-    function resolver(htmlStr) {
-        var _a, _b, _c, _d, _e, _f;
-        var tags = [];
-        var match;
-        var index = 0;
-        var annotation = false;
-        htmlStr = htmlStr.replace('<!--', '<annotation>').replace('-->', '</annotation>');
-        while ((match = TAG_REGEX.exec(htmlStr)) !== null) {
-            var tag = match[0].trim();
-            if (!tag)
-                continue;
-            if (tag.startsWith('</')) {
-                var item = {
-                    type: 'node',
-                    tag: tag,
-                };
-                if (annotation)
-                    item.$disabledFor = true;
-                if ((_a = item === null || item === void 0 ? void 0 : item.tag) === null || _a === void 0 ? void 0 : _a.includes('</annotation>'))
-                    annotation = false;
-                tags.push(item);
-                var prevTag = findStartTag(index, tags);
-                prevTag.endIndex = index;
-            }
-            else if (tag.startsWith('<')) {
-                var forMatch = (_b = tag.match($FOR_REGEX)) === null || _b === void 0 ? void 0 : _b[1];
-                var ifMatch = (_c = tag.match($IF_REGEX)) === null || _c === void 0 ? void 0 : _c[1];
-                var styleMatch = (_d = tag.match($STYLE_REGEX)) === null || _d === void 0 ? void 0 : _d[1];
-                var classMatch = (_e = tag.match($CLASS_REGEX)) === null || _e === void 0 ? void 0 : _e[1];
-                var item = {
-                    type: 'node',
-                    tag: tag.replace($ATTRS_REGEX, '')
-                };
-                if (forMatch)
-                    item.$for = forMatch;
-                if (ifMatch)
-                    item.$if = operatorsParse(ifMatch);
-                if (styleMatch)
-                    item.$style = operatorsParse(styleMatch);
-                if (classMatch)
-                    item.$class = operatorsParse(classMatch);
-                if ((_f = item === null || item === void 0 ? void 0 : item.tag) === null || _f === void 0 ? void 0 : _f.includes('<annotation>'))
-                    annotation = true;
-                if (annotation)
-                    item.$disabledFor = true;
-                tags.push(item);
+        Request.prototype.create = function () {
+            if (window.XMLHttpRequest)
+                return new XMLHttpRequest();
+            else if (window.ActiveXObject)
+                return new ActiveXObject('Microsoft.XMLHTTP');
+            throw new Error('您的浏览器暂不支持XMLHttpRequest');
+        };
+        Request.prototype.useState = function (state) {
+            switch (state) {
+                case 'SUCCESS':
+                    return this.xhr.readyState === READY_STATE.DONE && this.xhr.status >= 200 && this.xhr.status < 300;
+                case 'FAIL':
+                    return this.xhr.readyState === READY_STATE.DONE && (this.xhr.status < 200 || this.xhr.status >= 300);
+                case 'PENDING':
+                    return this.xhr.readyState < READY_STATE.DONE;
+                default:
+                    return false;
             }
-            else {
-                tags.push({
-                    type: 'content',
-                    content: tag,
+        };
+        Request.prototype.send = function (type, url, options) {
+            if (options === void 0) { options = {}; }
+            var _a = this, xhr = _a.xhr, beforeRequestOptions = _a.beforeRequestOptions, beforeResponseCallback = _a.beforeResponseCallback;
+            var useState = this.useState.bind(this);
+            var transformResponse = this.transformResponse.bind(this);
+            return new Promise(function (resolve, reject) {
+                xhr.open(type, url, options.async || true);
+                var requestOptions = __assign(__assign({}, beforeRequestOptions), options);
+                Object.keys(requestOptions.headers || {}).forEach(function (key) {
+                    var _a;
+                    xhr.setRequestHeader(key, (_a = requestOptions === null || requestOptions === void 0 ? void 0 : requestOptions.headers) === null || _a === void 0 ? void 0 : _a[key]);
                 });
-            }
-            index++;
-        }
-        return tags;
-    }
-    function callbackParse(content) {
-        if (content === void 0) { content = ''; }
-        return content.replace(CALLBACK_REGEX, function (_match, args) {
-            var _a;
-            var newArgs = args.split(',').map(function (arg) {
-                if (STR_REGEX.test(arg.trim()))
-                    return arg;
-                return 'this.' + arg.trim();
-            });
-            var funName = (_a = content.match(FUN_NAME_REGEX)) === null || _a === void 0 ? void 0 : _a[0];
-            return "".concat(funName, "(").concat(newArgs, ")");
-        });
-    }
-    function contentParse(content) {
-        if (content === void 0) { content = ''; }
-        return content.replace($CONTENT_REGEX, function (_match, key) {
-            var newKey = callbackParse(key);
-            return '${this.' + newKey + '}';
-        });
-    }
-    function parseIf(ifContent) {
-        ifContent = ifContent.replace(/^\s*if\s*=\s*/, '');
-        var operator = ifContent.match(RELATIONAL_SYMBOLS_REGEX);
-        var _a = ifContent.split(RELATIONAL_SYMBOLS_REGEX), left = _a[0], right = _a[1];
-        var leftVariable = (STR_REGEX.test(left.trim()) || /\d/.test(left.trim())) ? left.trim() : "this.".concat(left.trim());
-        var rightVariable = (STR_REGEX.test(right.trim()) || /\d/.test(right.trim())) ? right.trim() : "this.".concat(right.trim());
-        var code = '';
-        code += "if(";
-        code += "".concat(leftVariable);
-        code += "".concat(operator);
-        code += "".concat(rightVariable);
-        code += ") {\n";
-        return code;
-    }
-    function styleParse(styleContent) {
-        var _a;
-        var styleValue = contentParse((_a = styleContent.match($CONTENT_REGEX)) === null || _a === void 0 ? void 0 : _a[0]);
-        return styleContent.replace($CONTENT_REGEX, styleValue);
-    }
-    function classParse(classContent) {
-        var _a;
-        if (classContent === void 0) { classContent = ''; }
-        var classValue = contentParse((_a = classContent.match($CONTENT_REGEX)) === null || _a === void 0 ? void 0 : _a[0]);
-        return classContent.replace($CONTENT_REGEX, classValue);
-    }
-    function attributeParse(tagData) {
-        var tag = tagData.tag;
-        var styleValue = styleParse(tagData.$style || '');
-        var classValue = classParse(tagData.$class || '');
-        var _style = styleValue ? ' style="' + styleValue + '"' : '';
-        var _class = classValue ? ' class="' + classValue + '"' : '';
-        return tag.replace('>', _style + _class + '>');
-    }
-    function parseFor(forContent) {
-        var expressionFor = forContent.split(/\s(in)\s/);
-        var iterable = expressionFor[expressionFor.length - 1];
-        var expressionLeft = expressionFor[0].split(',');
-        var itemKey = expressionLeft[0];
-        var indexKey = expressionLeft[1];
-        var code = '';
-        code += "for (this['".concat(itemKey, "'] of this.").concat(iterable, " || []) {\n");
-        if (indexKey)
-            code += "this.".concat(indexKey, " = this.").concat(iterable, ".indexOf(this.").concat(itemKey, ");\n");
-        return code;
-    }
-    function compose(tags) {
-        var code = '';
-        for (var _i = 0, tags_1 = tags; _i < tags_1.length; _i++) {
-            var t = tags_1[_i];
-            var type = t.type, content = t.content;
-            if (type === 'node') {
-                if (t.$if) {
-                    code += parseIf(t.$if);
-                    tags[t.endIndex].isIf = true;
+                xhr.onreadystatechange = function () {
+                    var success = useState('SUCCESS');
+                    var fail = useState('FAIL');
+                    if (success) {
+                        beforeResponseCallback
+                            ? beforeResponseCallback(transformResponse(xhr), resolve, reject)
+                            : resolve(transformResponse(xhr));
+                    }
+                    else if (fail) {
+                        reject(transformResponse(xhr));
+                    }
+                };
+                xhr.onerror = function () {
+                    reject(transformResponse(xhr));
+                };
+                if (options.data instanceof FormData) {
+                    xhr.send(options.data);
                 }
-                if (t.$for && !t.$disabledFor) {
-                    code += parseFor(t.$for);
-                    if (hasSingleTag(t.tag))
-                        t.isFor = true;
-                    else
-                        tags[t.endIndex].isFor = true;
+                else if (type === 'POST' || type === 'PUT') {
+                    xhr.send(JSON.stringify(options.data));
                 }
-                if (t.$style || t.$class) {
-                    t.tag = attributeParse(t);
+                else {
+                    xhr.send();
                 }
-                code += 'html +=`' + t.tag + '`;\n';
-                if (t.isFor)
-                    code += '}\n';
-                if (t.isIf)
-                    code += '}\n';
+            });
+        };
+        Request.prototype.transformResponse = function (response) {
+            return {
+                data: JSON.parse(response.responseText),
+                code: response.status,
+                message: response.statusText,
+            };
+        };
+        Request.prototype.transformQuery = function (url, query) {
+            var queryData = Object.keys(query || {});
+            if (!queryData.length)
+                return url;
+            var queryString = queryData.map(function (key) {
+                return window.encodeURIComponent(key) + '=' + window.encodeURIComponent(query[key]);
+            }).join('&');
+            url += (url.includes('?') ? '&' : '?') + queryString;
+            return url;
+        };
+        Request.prototype.beforeSend = function (callback) {
+            this.beforeRequestOptions = callback();
+        };
+        Request.prototype.beforeResponse = function (callback) {
+            this.beforeResponseCallback = callback;
+        };
+        Request.prototype.abort = function () {
+            this.xhr.abort();
+        };
+        Request.prototype.get = function (url, query, headers) {
+            if (headers === void 0) { headers = {}; }
+            var newUrl = this.transformQuery(url, query);
+            return this.send('GET', newUrl, { headers: headers });
+        };
+        Request.prototype.post = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('POST', url, { data: data, headers: headers });
+        };
+        Request.prototype.put = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('PUT', url, { data: data, headers: headers });
+        };
+        Request.prototype.delete = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('DELETE', url, { data: data, headers: headers });
+        };
+        Request.prototype.patch = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('PATCH', url, { data: data, headers: headers });
+        };
+        Request.prototype.options = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('OPTIONS', url, { data: data, headers: headers });
+        };
+        Request.prototype.head = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('HEAD', url, { data: data, headers: headers });
+        };
+        Request.prototype.trace = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('TRACE', url, { data: data, headers: headers });
+        };
+        Request.prototype.connect = function (url, data, headers) {
+            if (headers === void 0) { headers = {}; }
+            return this.send('CONNECT', url, { data: data, headers: headers });
+        };
+        return Request;
+    }());
+    var RequestChain = /** @class */ (function () {
+        function RequestChain() {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            this.fieldList = [{}];
+            this.responses = [];
+            this.setParams.apply(this, args);
+        }
+        RequestChain.prototype.getParams = function (type, data, fields) {
+            var keys = Object.keys(fields);
+            var values = Object.values(fields);
+            if (type === 'query') {
+                var query = keys.map(function (key, index) {
+                    return "".concat(key, "=").concat(data[values[index]]);
+                }).join('&');
+                return query;
             }
             else {
-                code += 'html +=`' + contentParse(content) + '`;\n';
+                var body_1 = {};
+                keys.forEach(function (key, index) {
+                    body_1[key] = data[values[index]];
+                });
+                return body_1;
             }
-        }
-        return code;
-    }
-    // 解析模板
-    // 1. 解析标签
-    // 2. 替换内容
-    // 3. 返回渲染结果
-    // 4. 处理循环和条件
-    // 5. 返回最终的HTML字符串
-    // 6. 支持嵌套标签
-    // 7. 支持条件渲染
-    // 8. 支持循环渲染
-    // 9. 支持数据绑定
-    // 10. 支持内嵌样式绑定
-    // 11. 支持类绑定
-    function render(html, context) {
-        if (context === void 0) { context = {}; }
-        if (!Reflect.ownKeys(context).length)
-            return '';
-        var tags = resolver(html);
-        var code = compose(tags)
-            .replaceAll('<annotation>', '<!--')
-            .replaceAll('</annotation>', '-->');
-        var renderedContent = new Function("\n                let html = ''\n;\n                ".concat(code, "\n                return html;\n\n            "));
-        return renderedContent.call(context);
-    }
-    function replaceElementWithPlaceholder(el, placeholderText) {
-        if (placeholderText === void 0) { placeholderText = 'PLACEHOLDER'; }
-        var comment = document.createComment(placeholderText);
-        el.replaceWith(comment);
-        return comment; // 可以用于恢复
-    }
-    function rebuild(selector, context) {
-        var element = document.querySelector(selector);
-        if (!element)
-            return;
-        var outerHTML = element.outerHTML;
-        element.setAttribute('hidden', 'true');
-        var id = useId();
-        replaceElementWithPlaceholder(element, id);
-        var newHtml = render(outerHTML, context);
-        document.body.innerHTML = document.body.innerHTML.replace("<!--".concat(id, "-->"), newHtml);
-        element.setAttribute('hidden', 'false');
-    }
-    window.s = {
-        rebuild: rebuild,
-        render: render
-    };
+        };
+        RequestChain.prototype.setParams = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            for (var i = 0; i < args.length; i++) {
+                var arg = args[i];
+                this.fieldList.push(arg);
+            }
+        };
+        RequestChain.prototype.chain = function (list) {
+            var _this = this;
+            return list.reduce(function (pre, cur, index) {
+                return new Promise(function (resolve, reject) {
+                    pre().then(function (preRes) {
+                        var fields = _this.fieldList[index];
+                        var type = (fields === null || fields === void 0 ? void 0 : fields.query) ? 'query' : 'body';
+                        var params = _this.getParams(type, preRes, (fields === null || fields === void 0 ? void 0 : fields.query) || fields);
+                        _this.responses.push(preRes);
+                        cur(params).then(function (curRes) {
+                            _this.responses.push(curRes);
+                            resolve(_this.responses);
+                        });
+                    });
+                });
+            });
+        };
+        return RequestChain;
+    }());
 
     /**
      *
@@ -253,10 +352,10 @@
         if (text === void 0) { text = '发送验证码'; }
         var countdownNum = vue.ref(num);
         var countdownText = vue.ref(text);
-        var isDisabled = vue.ref(false);
+        var disabled = vue.ref(false);
         var send = function () {
             countdownText.value = "".concat(countdownNum.value, "s");
-            isDisabled.value = true;
+            disabled.value = true;
             var timer = setInterval(function () {
                 countdownNum.value--;
                 countdownText.value = "".concat(countdownNum.value, "s");
@@ -264,46 +363,13 @@
                     clearInterval(timer);
                     countdownNum.value = num;
                     countdownText.value = text;
-                    isDisabled.value = false;
+                    disabled.value = false;
                 }
             }, 1000);
         };
-        return { countdownText: countdownText, isDisabled: isDisabled, send: send };
+        return { countdownText: countdownText, disabled: disabled, send: send };
     }
 
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-        var e = new Error(message);
-        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-
     exports.RecordType = void 0;
     (function (RecordType) {
         RecordType["AUDIO"] = "audio";
@@ -612,17 +678,293 @@
         }
     }
 
+    var Mask = /** @class */ (function () {
+        function Mask(selectors, opacity) {
+            if (opacity === void 0) { opacity = 0.3; }
+            this.task = [];
+            this.selectors = [];
+            this.opacity = 0.3;
+            this.elementIndex = 0;
+            this.selectors = selectors;
+            this.opacity = opacity;
+        }
+        Mask.prototype.start = function () {
+            var _this = this;
+            this.task.reduce(function (pre, cur, index) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, pre];
+                        case 1:
+                            _a.sent();
+                            return [4 /*yield*/, new Promise(function (resolve) {
+                                    cur.callback(resolve, index);
+                                })];
+                        case 2:
+                            _a.sent();
+                            this.close();
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, Promise.resolve());
+        };
+        Mask.prototype.process = function (handle) {
+            var _this = this;
+            this.task.push({
+                callback: function (resolve, index) {
+                    _this.elementIndex = index;
+                    _this.open();
+                    handle(resolve, index, document.querySelector(_this.selectors[index]));
+                }
+            });
+            return this;
+        };
+        Mask.prototype.open = function (element) {
+            if ((element === null || element === void 0 ? void 0 : element.nodeType) === Node.ELEMENT_NODE)
+                this.selectors.push(element);
+            var currentElement = document.querySelector(this.selectors[this.elementIndex]);
+            if (!currentElement)
+                return;
+            currentElement.style.position = 'relative';
+            currentElement.style.boxShadow = "1px 1px 0 100vw rgba(0, 0, 0, ".concat(this.opacity, ")");
+        };
+        Mask.prototype.close = function () {
+            var currentElement = document.querySelector(this.selectors[this.elementIndex]);
+            currentElement.style.removeProperty('position');
+            currentElement.style.removeProperty('box-shadow');
+        };
+        return Mask;
+    }());
+
+    var Tour = /** @class */ (function () {
+        function Tour(selectors) {
+            this.selectors = [];
+            this.elementIndex = 0;
+            this.tourTargetElement = null;
+            this.tourElement = null;
+            this.tourElementContentTemplate = "\n        <style>\n            .tour-content-title {\n                font-size: 16px;\n                font-weight: 500;\n            }\n\n            .tour-buttons {\n                display: flex;\n                justify-content: end;\n                margin-top: 14px;\n            }\n\n            .tour-prev, .tour-next {\n                padding: 4px;\n                min-width: 40px;\n                text-align: center;\n                border: 1px solid #000;\n                border-radius: 4px;\n                cursor: pointer;\n            }\n\n            .tour-next {\n                margin-left: 6px;\n            }\n        </style>\n        <div class=\"tour-content\">\n            <p class=\"tour-content-title\">\n                <$title>\n            </p>\n            <p class=\"tour-content-text\">\n                <$text>\n            </p>\n        </div>\n        <div class=\"tour-buttons\">\n            <div class=\"tour-prev\">prev</div>\n            <div class=\"tour-next\"><$next></div>\n        </div>\n    ";
+            this.placeholder = {
+                title: '<$title>',
+                text: '<$text>',
+                next: '<$next>',
+            };
+            this.config = {
+                prev: '.tour-prev',
+                next: '.tour-next',
+                nextText: 'next',
+                closeText: 'close',
+            };
+            this.selectors = selectors;
+            this.tourTargetElement = document.createElement('div');
+            this.tourElement = document.createElement('div');
+        }
+        Tour.prototype.setPlaceholder = function (placeholder) {
+            this.placeholder = placeholder;
+        };
+        Tour.prototype.setContentTemplate = function (template) {
+            this.tourElementContentTemplate = template;
+        };
+        Tour.prototype.setConfig = function (config) {
+            this.config = __assign(__assign({}, this.config), config);
+        };
+        Tour.prototype.start = function () {
+            var elementName = this.selectors[this.elementIndex].el;
+            var element = document.querySelector(elementName);
+            if (element instanceof HTMLElement)
+                this.layout(element);
+        };
+        Tour.prototype.layout = function (element) {
+            var _this = this;
+            var rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+            var tourTargetElement = this.tourTargetElement;
+            var tourElement = this.tourElement;
+            if (!tourTargetElement || !tourElement)
+                return;
+            tourTargetElement.style.padding = '4px';
+            tourTargetElement.style.position = 'fixed';
+            tourTargetElement.style.top = "".concat((rect === null || rect === void 0 ? void 0 : rect.top) - 4, "px");
+            tourTargetElement.style.left = "".concat((rect === null || rect === void 0 ? void 0 : rect.left) - 4, "px");
+            tourTargetElement.style.width = "".concat(rect === null || rect === void 0 ? void 0 : rect.width, "px");
+            tourTargetElement.style.height = "".concat(rect === null || rect === void 0 ? void 0 : rect.height, "px");
+            tourTargetElement.style.zIndex = '60';
+            tourTargetElement.style.boxShadow = "1px 1px 0 1000vw rgba(0, 0, 0, 0.3)";
+            document.body.appendChild(tourTargetElement);
+            tourElement.style.padding = '16px';
+            tourElement.style.position = 'fixed';
+            tourElement.style.width = "200px";
+            tourElement.style.backgroundColor = '#fff';
+            tourElement.style.borderRadius = '4px';
+            tourElement.style.zIndex = '62';
+            tourElement.innerHTML = this.tourElementContentTemplate
+                .replace(this.placeholder.title, this.selectors[this.elementIndex].title)
+                .replace(this.placeholder.text, this.selectors[this.elementIndex].text)
+                .replace(this.placeholder.next, this.elementIndex === this.selectors.length - 1 ? this.config.closeText : this.config.nextText);
+            var prevButton = tourElement.querySelector(this.config.prev);
+            var nextButton = tourElement.querySelector(this.config.next);
+            prevButton === null || prevButton === void 0 ? void 0 : prevButton.addEventListener('click', function () {
+                _this.elementIndex--;
+                if (_this.elementIndex < 0)
+                    _this.elementIndex = _this.selectors.length - 1;
+                _this.start();
+            });
+            nextButton === null || nextButton === void 0 ? void 0 : nextButton.addEventListener('click', function () {
+                _this.elementIndex++;
+                if (_this.elementIndex > _this.selectors.length - 1) {
+                    _this.elementIndex = 0;
+                    _this.close();
+                    return;
+                }
+                _this.start();
+            });
+            document.body.appendChild(tourElement);
+            if (rect.bottom + 14 + tourElement.offsetHeight >= document.documentElement.clientHeight)
+                tourElement.style.top = "".concat((rect === null || rect === void 0 ? void 0 : rect.top) - tourElement.offsetHeight - 14, "px");
+            else
+                tourElement.style.top = "".concat((rect === null || rect === void 0 ? void 0 : rect.bottom) + 14, "px");
+            if (rect.left + tourElement.offsetWidth >= document.documentElement.clientWidth)
+                tourElement.style.left = "".concat((rect === null || rect === void 0 ? void 0 : rect.left) - tourElement.offsetWidth - 14, "px");
+            else
+                tourElement.style.left = "".concat((rect === null || rect === void 0 ? void 0 : rect.left) + 14, "px");
+        };
+        Tour.prototype.close = function () {
+            var tourElement = this.tourElement;
+            document.body.removeChild(tourElement);
+            document.body.removeChild(this.tourTargetElement);
+        };
+        return Tour;
+    }());
+
+    var defaultWebSocketConfig = {
+        heartbeat: false,
+        heartbeatTime: 15000,
+        reconnect: false,
+        reconnectTime: 1000,
+        maxReconnectNumber: 3,
+    };
+    function createWebSocket(url, config, onOpen) {
+        config = __assign(__assign({}, defaultWebSocketConfig), config);
+        var open = reconnectWebSocket();
+        var init = function () {
+            var ws = new WebSocket(url);
+            ws.onopen = function () {
+                if (config === null || config === void 0 ? void 0 : config.heartbeat)
+                    heartbeat(ws, config);
+                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+            };
+            ws.onerror = function () {
+                if ((config === null || config === void 0 ? void 0 : config.reconnect) && open) {
+                    open(ws, config, init);
+                }
+                else {
+                    open = null;
+                    config = null;
+                }
+            };
+            return ws;
+        };
+        return init();
+    }
+    function getState(ws, type) {
+        return ws.readyState === WebSocket[type];
+    }
+    function reconnectWebSocket() {
+        var reconnectTimeout;
+        var reconnectNumber = 0;
+        var open = function (ws, config, callback) {
+            var reconnectTime = config.reconnectTime, _a = config.maxReconnectNumber, maxReconnectNumber = _a === void 0 ? 1 : _a;
+            var isOpen = getState(ws, 'OPEN');
+            if (isOpen || (reconnectTimeout && reconnectNumber >= maxReconnectNumber)) {
+                clearTimeout(reconnectTimeout);
+                reconnectTimeout = null;
+                reconnectNumber = null;
+                config.reconnect = false;
+                return;
+            }
+            reconnectTimeout = setTimeout(function () {
+                reconnectNumber += 1;
+                callback();
+            }, reconnectTime);
+        };
+        return open;
+    }
+    function heartbeat(ws, config) {
+        var heartbeatTime = config.heartbeatTime;
+        var timer = null;
+        timer = setInterval(function () {
+            var isOpen = getState(ws, 'OPEN');
+            var isConnected = getState(ws, 'CONNECTING');
+            if (isOpen) {
+                useSendMessage(ws, {
+                    type: 'heartbeat',
+                    timestamp: Date.now()
+                });
+            }
+            else if (!isConnected) {
+                var open_1 = reconnectWebSocket();
+                open_1(ws, config, function () {
+                    timer && clearInterval(timer);
+                    heartbeat(ws, config);
+                });
+            }
+        }, heartbeatTime);
+    }
+    function useSendMessage(ws, data) {
+        var isOpen = getState(ws, 'OPEN');
+        if (isOpen)
+            ws.send(JSON.stringify(data));
+    }
+    function useWebSocketMessage(ws, callback) {
+        try {
+            ws.onmessage = function (e) {
+                var data = JSON.parse(e.data);
+                callback(data, e);
+            };
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    function useWebSocketClose(ws, code, message) {
+        code = code || 1000;
+        message = message || 'connection closed by client';
+        ws.close(code, message);
+    }
+
+    /**
+     * 匹配中文字母数字
+     */
+    var ZN_LETTER_NUMBER = /^[\u4E00-\u9FA5\w]+$/;
+    /**
+     * 匹配 IP
+     */
+    var IP = /^(?:(?:25[0-5]|2[0-4]\d|[01]?\d{1,2})\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d{1,2})$/;
+    /**
+     * 匹配手机号
+     */
+    var PHONE = /^1[3-9]\d{9}$/;
+
+    exports.IP = IP;
     exports.InputLegalityValidate = InputLegalityValidate;
     exports.InputLengthValidate = InputLengthValidate;
+    exports.Mask = Mask;
+    exports.PHONE = PHONE;
+    exports.Request = Request;
+    exports.RequestChain = RequestChain;
+    exports.Tour = Tour;
+    exports.ZN_LETTER_NUMBER = ZN_LETTER_NUMBER;
+    exports.createWebSocket = createWebSocket;
     exports.dataHandler = dataHandler;
     exports.debounce = debounce;
     exports.deepMerge = deepMerge;
     exports.findTreeDataNode = findTreeDataNode;
     exports.findTreeDataNodeName = findTreeDataNodeName;
+    exports.getState = getState;
     exports.isMobileDevice = isMobileDevice;
     exports.isNull = isNull;
     exports.objectArrayToString = objectArrayToString;
     exports.throttle = throttle;
     exports.useCountDown = useCountDown;
+    exports.useSendMessage = useSendMessage;
+    exports.useWebSocketClose = useWebSocketClose;
+    exports.useWebSocketMessage = useWebSocketMessage;
 
 }));