@ajaxjs/ui 1.1.3 → 1.1.4

package/dist/widget/form/validator.ts

@@ -1,283 +1,282 @@
-namespace aj.form {
+/**
+ * 错误的元素
+ */
+interface ErrorElement {
     /**
-     * 错误的元素
+     * DOM 元素
      */
-    interface ErrorElement {
-        /**
-         * DOM 元素
-         */
-        el: HTMLFormControl;
-
-        /**
-         * 错误的讯息
-         */
-        msg: string;
-    }
+    el: HTMLFormControl;
 
     /**
-     * 通常是表单里面的 input 元素，但是 ts 没有对应的类型
+     * 错误的讯息
      */
-    export interface HTMLFormControl extends HTMLElement {
-        type: string;
-        disabled: boolean;
-        validity: ValidityState;
-        name: string;
-        value: string;
-        form: HTMLFormElement;
+    msg: string;
+}
+
+/**
+ * 通常是表单里面的 input 元素，但是 ts 没有对应的类型
+ */
+export interface HTMLFormControl extends HTMLElement {
+    type: string;
+    disabled: boolean;
+    validity: ValidityState;
+    name: string;
+    value: string;
+    form: HTMLFormElement;
+}
+
+if (!('validity' in document.createElement('input')))
+    window.alert("不支持 HTML5 表单验证");
+
+/**
+ * 表单验证器
+ */
+export class Validator {
+    constructor(el: HTMLFormElement) {
+        // let isMsgNewLine: boolean = el.dataset.msgNewline === "true";
+        el.setAttribute('novalidate', 'true');// 禁止浏览器原生的错误提示
+        this.el = el;
+        this.checkEveryField();
     }
 
-    if (!('validity' in document.createElement('input')))
-        window.alert("不支持 HTML5 表单验证");
+    /**
+     * 表单元素
+     */
+    private el: HTMLFormElement;
+
+    private errorElements: ErrorElement[] = [];
 
     /**
-     * 表单验证器
+     * 对每一个表单元素监听事件，一失去焦点就触发表单验证
      */
-    export class Validator {
-        constructor(el: HTMLFormElement) {
-            // let isMsgNewLine: boolean = el.dataset.msgNewline === "true";
-            el.setAttribute('novalidate', 'true');// 禁止浏览器原生的错误提示
-            this.el = el;
-            this.checkEveryField();
-        }
+    private checkEveryField(): void {
+        let arr: NodeListOf<HTMLInputElement> = this.el.querySelectorAll('input');
+        arr.forEach((input: HTMLInputElement) => {
+            input.addEventListener('blur', (ev: Event) => {
+                let el: HTMLFormControl = <HTMLFormControl>ev.target;
+
+                if (el.tagName == "A" || Validator.isIgnoreEl(el))// 忽略部分元素；a 元素也有 blur 事件，忽略之
+                    return;
+
+                let result: ErrorElement | null = Validator.check(el);
+
+                if (result) { // 如果有错误,就把它显示出来
+                    this.errorElements.push(result);
+                    this.showError(result);
+                } else
+                    this.removeError(el); // 否则, 移除所有存在的错误信息
+            }, true);
+        });
+    }
 
-        /**
-         * 表单元素
-         */
-        private el: HTMLFormElement;
-
-        private errorElements: ErrorElement[] = [];
-
-        /**
-         * 对每一个表单元素监听事件，一失去焦点就触发表单验证
-         */
-        private checkEveryField(): void {
-            this.el.$('input', (input: HTMLInputElement) => {
-                input.addEventListener('blur', (ev: Event) => {
-                    let el: HTMLFormControl = <HTMLFormControl>ev.target;
-
-                    if (el.tagName == "A" || Validator.isIgnoreEl(el))// 忽略部分元素；a 元素也有 blur 事件，忽略之
-                        return;
-
-                    let result: ErrorElement | null = Validator.check(el);
-
-                    if (result) { // 如果有错误,就把它显示出来
-                        this.errorElements.push(result);
-                        this.showError(result);
-                    } else
-                        this.removeError(el); // 否则, 移除所有存在的错误信息
-                }, true);
-            });
+    /**
+     * 
+     * @param err 
+     */
+    private showError(err: ErrorElement): void {
+        let el = err.el,
+            id: string = el.id || el.name; // 获取字段 id 或者 name
+
+        if (!id)
+            return;
+
+        err.el.classList.add('error'); // 将错误类添加到字段
+
+        // 检查错误消息字段是否已经存在 如果没有, 就创建一个
+        let message = err.el.form.querySelector(`.error-message#error-for-${id}`);
+        if (!message) {
+            message = document.createElement('div');
+            message.className = 'error-message';
+            message.id = 'error-for-' + id;
+            el.parentNode?.insertBefore(message, el.nextSibling);
         }
 
-        /**
-         * 
-         * @param err 
-         */
-        private showError(err: ErrorElement): void {
-            let el = err.el,
-                id: string = el.id || el.name; // 获取字段 id 或者 name
-
-            if (!id)
-                return;
-
-            err.el.classList.add('error'); // 将错误类添加到字段
-
-            // 检查错误消息字段是否已经存在 如果没有, 就创建一个
-            let message = err.el.form.$(`.error-message#error-for-${id}`);
-            if (!message) {
-                message = document.createElement('div');
-                message.className = 'error-message';
-                message.id = 'error-for-' + id;
-                el.parentNode?.insertBefore(message, el.nextSibling);
-            }
+        el.setAttribute('aria-describedby', 'error-for-' + id);// 添加 ARIA role 到字段
+        (<HTMLElement>message).innerHTML = err.msg;// 更新错误信息
 
-            el.setAttribute('aria-describedby', 'error-for-' + id);// 添加 ARIA role 到字段
-            (<HTMLElement>message).innerHTML = err.msg;// 更新错误信息
+        // if (!isNewLine)// 显示错误信息
+        //     message.style.display = 'inline-block';
 
-            // if (!isNewLine)// 显示错误信息
-            //     message.style.display = 'inline-block';
+        (<HTMLElement>message).classList.remove('hide');
+    }
 
-            (<HTMLElement>message).classList.remove('hide');
+    /**
+     * 移除所有的错误信息
+     * 
+     * @param el 
+     */
+    private removeError(el: HTMLFormControl): void {
+        let id: string = el.id || el.name;// 获取字段的 id 或者 name
+        if (!id)
+            return;
+
+        el.classList.remove('error');            // 删除字段的错误类
+        el.removeAttribute('aria-describedby');  // 移除字段的 ARIA role
+
+        let message: HTMLElement | null = <HTMLElement | null>el.form.querySelector(`.error-message#error-for-${id}`); // 检查 DOM 中是否有错误消息
+        if (message) {
+            message.innerHTML = ''; // 如果有错误消息就隐藏它
+            message.classList.add('hide');
         }
+    }
+
+    /**
+     * 是否忽略的表单元素
+     * 
+     * @param el 
+     */
+    private static isIgnoreEl(el: HTMLFormControl): boolean {
+        return el.disabled || el.type === 'file' || el.type === 'reset' || el.type === 'submit' || el.type === 'button';
+    }
 
-        /**
-         * 移除所有的错误信息
-         * 
-         * @param el 
-         */
-        private removeError(el: HTMLFormControl): void {
-            let id: string = el.id || el.name;// 获取字段的 id 或者 name
-            if (!id)
-                return;
-
-            el.classList.remove('error');            // 删除字段的错误类
-            el.removeAttribute('aria-describedby');  // 移除字段的 ARIA role
-
-            let message: HTMLElement | null = <HTMLElement | null>el.form.$(`.error-message#error-for-${id}`); // 检查 DOM 中是否有错误消息
-            if (message) {
-                message.innerHTML = ''; // 如果有错误消息就隐藏它
-                message.classList.add('hide');
+    /**
+     * 验证字段
+     * 
+     * @param field 表单字段元素
+     * @returns 若验证通过返回 null，否则返回 ErrorElement
+     */
+    public static check(field: HTMLFormControl): ErrorElement | null {
+        // if (!field || !field.getAttribute)
+        //     console.log(field);
+
+        let validity: ValidityState = field.validity;  // 获取 validity
+
+        if (!validity)
+            throw '浏览器不支持 HTML5 表单验证';
+
+        if (validity.valid) // 通过验证
+            return null;
+        else {
+            let result: ErrorElement = {
+                el: field,
+                msg: "无效输入" // 通用错误讯息 The value you entered for this field is invalid.
+            };
+
+            if (validity.valueMissing)      // 如果是必填字段但是字段为空时
+                result.msg = '该项是必填项';
+
+            if (validity.typeMismatch) {    // 如果类型不正确
+                if (field.type === 'email')
+                    result.msg = '请输入有效的邮件地址';
+                else if (field.type === 'url')
+                    result.msg = '请输入一个有效的网址';
+                else
+                    result.msg = '请输入正确的类型';
             }
-        }
 
-        /**
-         * 是否忽略的表单元素
-         * 
-         * @param el 
-         */
-        private static isIgnoreEl(el: HTMLFormControl): boolean {
-            return el.disabled || el.type === 'file' || el.type === 'reset' || el.type === 'submit' || el.type === 'button';
-        }
+            if (validity.tooShort)
+                result.msg = `请输入至少${field.getAttribute('minLength')}个字符。当前你输入了${field.value.length}个字符。`;
+            // 'Please lengthen this text to ' + field.getAttribute('minLength') + ' characters or more. You are currently using ' + field.value.length + ' characters.'
 
-        /**
-         * 验证字段
-         * 
-         * @param field 表单字段元素
-         * @returns 若验证通过返回 null，否则返回 ErrorElement
-         */
-        public static check(field: HTMLFormControl): ErrorElement | null {
-            // if (!field || !field.getAttribute)
-            //     console.log(field);
-
-            let validity: ValidityState = field.validity;  // 获取 validity
-
-            if (!validity)
-                throw '浏览器不支持 HTML5 表单验证';
-
-            if (validity.valid) // 通过验证
-                return null;
-            else {
-                let result: ErrorElement = {
-                    el: field,
-                    msg: "无效输入" // 通用错误讯息 The value you entered for this field is invalid.
-                };
-
-                if (validity.valueMissing)      // 如果是必填字段但是字段为空时
-                    result.msg = '该项是必填项';
-
-                if (validity.typeMismatch) {    // 如果类型不正确
-                    if (field.type === 'email')
-                        result.msg = '请输入有效的邮件地址';
-                    else if (field.type === 'url')
-                        result.msg = '请输入一个有效的网址';
-                    else
-                        result.msg = '请输入正确的类型';
-                }
-
-                if (validity.tooShort)
-                    result.msg = `请输入至少${field.getAttribute('minLength')}个字符。当前你输入了${field.value.length}个字符。`;
-                // 'Please lengthen this text to ' + field.getAttribute('minLength') + ' characters or more. You are currently using ' + field.value.length + ' characters.'
-
-                if (validity.tooLong)
-                    result.msg = `你只能输入最多${field.getAttribute('maxLength')}个字符。当前你输入了${field.value.length}个字符。`;
-                // 'Please shorten this text to no more than ' + field.getAttribute('maxLength') + ' characters. You are currently using ' + field.value.length + ' characters.';
-
-                if (validity.badInput)
-                    result.msg = '请输入数字';
-
-                if (validity.stepMismatch)  // 如果数字值与步进间隔不匹配
-                    result.msg = '请选择一个有效值';
-
-                if (validity.rangeOverflow)     // 如果数字字段的值大于 max 的值
-                    result.msg = `请选择小于 ${field.getAttribute('max')} 的值`;
-                // return 'Please select a value that is no more than ' + field.getAttribute('max') + '.';
-
-                if (validity.rangeUnderflow)
-                    result.msg = `请选择大于 ${field.getAttribute('min')} 的值`;
-                // return 'Please select a value that is no less than ' + field.getAttribute('min') + '.';
-
-                if (validity.patternMismatch)
-                    result.msg = field.getAttribute('title') || '格式要求不正确';
-
-                return result;
-            }
+            if (validity.tooLong)
+                result.msg = `你只能输入最多${field.getAttribute('maxLength')}个字符。当前你输入了${field.value.length}个字符。`;
+            // 'Please shorten this text to no more than ' + field.getAttribute('maxLength') + ' characters. You are currently using ' + field.value.length + ' characters.';
+
+            if (validity.badInput)
+                result.msg = '请输入数字';
+
+            if (validity.stepMismatch)  // 如果数字值与步进间隔不匹配
+                result.msg = '请选择一个有效值';
+
+            if (validity.rangeOverflow)     // 如果数字字段的值大于 max 的值
+                result.msg = `请选择小于 ${field.getAttribute('max')} 的值`;
+            // return 'Please select a value that is no more than ' + field.getAttribute('max') + '.';
+
+            if (validity.rangeUnderflow)
+                result.msg = `请选择大于 ${field.getAttribute('min')} 的值`;
+            // return 'Please select a value that is no less than ' + field.getAttribute('min') + '.';
+
+            if (validity.patternMismatch)
+                result.msg = field.getAttribute('title') || '格式要求不正确';
+
+            return result;
         }
+    }
 
-        /**
-         * 是否通过验证
-         * 
-         * @param form 
-         */
-        public static onSubmit(form: HTMLFormElement): boolean {
-            let fields: HTMLFormControlsCollection = form.elements;// 获取所有的表单元素
-
-            // 验证每一个字段
-            // 将具有错误的第一个字段存储到变量中以便稍后我们将其默认获得焦点
-            let error: ErrorElement | null, hasErrors: HTMLElement | null = null;
-
-            for (let i = 0, j = fields.length; i < j; i++) {
-                let el: HTMLFormControl = <HTMLFormControl>fields[i];
-                error = this.check(el);
-
-                if (error) {
-                    // showError(el);
-                    if (!hasErrors) // 如果有错误,停止提交表单并使出现错误的第一个元素获得焦点
-                        hasErrors = <HTMLElement>el;
-                }
-            }
+    /**
+     * 是否通过验证
+     * 
+     * @param form 
+     */
+    public static onSubmit(form: HTMLFormElement): boolean {
+        let fields: HTMLFormControlsCollection = form.elements;// 获取所有的表单元素
+
+        // 验证每一个字段
+        // 将具有错误的第一个字段存储到变量中以便稍后我们将其默认获得焦点
+        let error: ErrorElement | null, hasErrors: HTMLElement | null = null;
+
+        for (let i = 0, j = fields.length; i < j; i++) {
+            let el: HTMLFormControl = <HTMLFormControl>fields[i];
+            error = this.check(el);
 
-            if (hasErrors) {
-                hasErrors.focus();
-                return false;
+            if (error) {
+                // showError(el);
+                if (!hasErrors) // 如果有错误,停止提交表单并使出现错误的第一个元素获得焦点
+                    hasErrors = <HTMLElement>el;
             }
+        }
 
-            return true;
+        if (hasErrors) {
+            hasErrors.focus();
+            return false;
         }
+
+        return true;
     }
 }
 
 
-// ; (function (window, document, undefined) {  // 确保 ValidityState 全部被支持 (所有的功能) 
+// ; (function (window, document, undefined) {  // 确保 ValidityState 全部被支持 (所有的功能)
 //     var supported = function () {
 //         var input = document.createElement('input');
 //         return ('validity' in input && 'badInput' in input.validity && 'patternMismatch' in input.validity && 'rangeOverflow' in input.validity && 'rangeUnderflow' in input.validity && 'stepMismatch' in input.validity && 'tooLong' in input.validity && 'tooShort' in input.validity && 'typeMismatch' in input.validity && 'valid' in input.validity && 'valueMissing' in input.validity);
 //     };
 
-//     /** 
+//     /**
 //      *  Generate the field validity object
-//      *  @param {Node]} field The field to validate 
-//      *  @return {Object} The validity object 
+//      *  @param {Node]} field The field to validate
+//      *  @return {Object} The validity object
 //      **/
 //     var getValidityState = function (field) {
-//         // 变量 
-//         var type = field.getAttribute('type') || input.nodeName.toLowerCase(); 
-//         var isNum = type === 'number' || type === 'range'; 
-//         var length = field.value.length; var valid = true; 
+//         // 变量
+//         var type = field.getAttribute('type') || input.nodeName.toLowerCase();
+//         var isNum = type === 'number' || type === 'range';
+//         var length = field.value.length; var valid = true;
 //         //检测支持性
 //         var checkValidity = {
 //             badInput: (isNum && length > 0 && !/[-+]?[0-9]/.test(field.value)),
-//             // 数字字段的值不是数字 
+//             // 数字字段的值不是数字
 //             patternMismatch: (field.hasAttribute('pattern') && length > 0 && new RegExp(field.getAttribute('pattern')).test(field.value) === false),
-//             // 输入的值不符合模式 
+//             // 输入的值不符合模式
 //             rangeOverflow: (field.hasAttribute('max') && isNum && field.value > 1 && parseInt(field.value, 10) > parseInt(field.getAttribute('max'), 10)),
-//             // 数字字段的值大于max属性值 
+//             // 数字字段的值大于max属性值
 //             rangeUnderflow: (field.hasAttribute('min') && isNum && field.value > 1 && parseInt(field.value, 10) < parseInt(field.getAttribute('min'), 10)),
 //             // 数字字段的值小于min属性值
 //             stepMismatch: (field.hasAttribute('step') && field.getAttribute('step') !== 'any' && isNum && Number(field.value) % parseFloat(field.getAttribute('step')) !== 0),
-//             // 数字字段的值不符合 stepattribute 
+//             // 数字字段的值不符合 stepattribute
 //             tooLong: (field.hasAttribute('maxLength') && field.getAttribute('maxLength') > 0 && length > parseInt(field.getAttribute('maxLength'), 10)),
 //             // 用户在具有maxLength属性的字段中输入的值的长度大于属性值
 //             tooShort: (field.hasAttribute('minLength') && field.getAttribute('minLength') > 0 && length > 0 && length < parseInt(field.getAttribute('minLength'), 10)),
-//             // 用户在具有minLength属性的字段中输入的值的长度小于属性值 
+//             // 用户在具有minLength属性的字段中输入的值的长度小于属性值
 //             typeMismatch: (length > 0 && ((type === 'email' && !/^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*$/.test(field.value)) || (type === 'url' && !/^(?:(?:https?|HTTPS?|ftp|FTP):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-zA-Z\u00a1-\uffff0-9]-*)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]-*)*[a-zA-Z\u00a1-\uffff0-9]+)*)(?::\d{2,5})?(?:[\/?#]\S*)?$/.test(field.value)))),
-//             // email 或者 URL 字段的值不是一个 email地址或者 URL 
-//             valueMissing: (field.hasAttribute('required') && (((type === 'checkbox' || type === 'radio') && !field.checked) || (type === 'select' && field.options[field.selectedIndex].value < 1) || (type !== 'checkbox' && type !== 'radio' && type !== 'select' && length < 1))) // 必填字段没有值 
+//             // email 或者 URL 字段的值不是一个 email地址或者 URL
+//             valueMissing: (field.hasAttribute('required') && (((type === 'checkbox' || type === 'radio') && !field.checked) || (type === 'select' && field.options[field.selectedIndex].value < 1) || (type !== 'checkbox' && type !== 'radio' && type !== 'select' && length < 1))) // 必填字段没有值
 //         };
 
-//         // 检查是否有错误 
+//         // 检查是否有错误
 //         for (var key in checkValidity) {
 //             if (checkValidity.hasOwnProperty(key)) {
-//                 // If there's an error, change valid value 
+//                 // If there's an error, change valid value
 //                 if (checkValidity[key]) { valid = false; break; }
 //             }
 //         }
 //         // 给 validity 对象添加 valid 属性
 //         checkValidity.valid = valid;
-//         // 返回对象 
+//         // 返回对象
 //         return checkValidity;
 //     };
 
-//     // 如果不支持完整的 ValidityState 功能，则可以使用polyfill 
+//     // 如果不支持完整的 ValidityState 功能，则可以使用polyfill
 //     if (!supported()) {
 //         Object.defineProperty(HTMLInputElement.prototype, 'validity', {
 //             get: function ValidityState() {

package/package.json

@@ -1,11 +1,18 @@
 {
   "name": "@ajaxjs/ui",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "real ajaxjs ui library",
   "main": "dist/index.js",
   "types": "dist/libs/common.d.ts",
+  "homepage": "https://framework.ajaxjs.com/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sp42/ajaxjs.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sp42/ajaxjs/issues"
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "release": "tsc && xcopy src\\widget dist\\widget /s /y /d && copy src\\*.d.ts dist\\ && npm publish",
@@ -14,7 +21,7 @@
   "keywords": [
     "ajaxjs"
   ],
-  "author": "sp42",
+  "author": "sp42 <sp42@qq.com>",
   "license": "Apache License 2.0",
   "files": [
     "dist/"

package/dist/css/app.11ca79dd.css

@@ -1 +0,0 @@
-@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);[data-v-b8542384]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-b8542384]{letter-spacing:2px;margin:10px}.aj-table[data-v-b8542384]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-b8542384]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-b8542384],.aj-table th[data-v-b8542384]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-b8542384]{transition:background-color .4s ease-out}.aj-table tr[data-v-b8542384]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-b8542384]:hover{background-color:#fbf8e9}.aj-opacity-banner[data-v-b8542384]{position:relative;min-height:90px}.aj-opacity-banner li[data-v-b8542384]{position:absolute;top:0;left:0;opacity:0;width:100%}.aj-opacity-banner img[data-v-b8542384]{width:100%}[data-v-4fbea9da]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-4fbea9da]{letter-spacing:2px;margin:10px}.aj-table[data-v-4fbea9da]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-4fbea9da]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-4fbea9da],.aj-table th[data-v-4fbea9da]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-4fbea9da]{transition:background-color .4s ease-out}.aj-table tr[data-v-4fbea9da]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-4fbea9da]:hover{background-color:#fbf8e9}.aj-process-line[data-v-4fbea9da]{display:flex;padding:5%;justify-content:center}.aj-process-line .process-line[data-v-4fbea9da]{font-size:18px;color:#d3d3d3;font-weight:700}.aj-process-line .process-line>div[data-v-4fbea9da]{float:left;width:156px;text-align:center;position:relative}.aj-process-line .process-line>div.current[data-v-4fbea9da]{color:#000}.aj-process-line .process-line>div.current span[data-v-4fbea9da]{background-color:grey}.aj-process-line .process-line>div p[data-v-4fbea9da]{font-size:1rem;letter-spacing:3px;padding-top:5%}.aj-process-line .process-line>div span[data-v-4fbea9da]{display:inline-block;width:32px;height:32px;border-radius:50%;color:#fff;line-height:32px;font-size:16px;background-color:#d3d3d3;position:relative;z-index:1}.aj-process-line .process-line>div[data-v-4fbea9da]:last-child:after{display:none}.aj-process-line .process-line>div[data-v-4fbea9da]:after{content:"";position:absolute;top:14px;left:94px;width:124px;height:4px;background-color:#d3d3d3}[data-v-a9e9eb02]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-a9e9eb02]{letter-spacing:2px;margin:10px}.aj-table[data-v-a9e9eb02]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-a9e9eb02]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-a9e9eb02],.aj-table th[data-v-a9e9eb02]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-a9e9eb02]{transition:background-color .4s ease-out}.aj-table tr[data-v-a9e9eb02]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-a9e9eb02]:hover{background-color:#fbf8e9}.aj-accordion>li h3[data-v-a9e9eb02]{cursor:pointer}.aj-accordion .pressed h3[data-v-a9e9eb02]{color:#000}.aj-accordion>li>ul[data-v-a9e9eb02]{transition:height .5s cubic-bezier(0,1,.5,1);overflow:hidden}.aj-accordion ul[data-v-a9e9eb02]{height:0}.aj-accordion-menu[data-v-a9e9eb02]{overflow:hidden}.aj-accordion-menu>li h3[data-v-a9e9eb02]{cursor:pointer}.aj-accordion-menu .pressed h3[data-v-a9e9eb02]{color:#000}.aj-accordion-menu>li>ul[data-v-a9e9eb02]{transition:height .5s cubic-bezier(0,1,.5,1);overflow:hidden}.aj-accordion-menu ul[data-v-a9e9eb02]{height:0}.aj-accordion-menu>li[data-v-a9e9eb02]{border-top:1px solid #fff;border-bottom:1px solid #d3d3d3}.aj-accordion-menu>li.pressed[data-v-a9e9eb02]{border-top:0;border-bottom:1px solid #d3d3d3;box-shadow:inset 0 10px 15px -15px grey}.aj-accordion-menu>li.pressed h3[data-v-a9e9eb02]{font-weight:700}.aj-accordion-menu>li ul li[data-v-a9e9eb02]{padding-left:15%}.aj-accordion-menu>li ul li a[data-v-a9e9eb02]{width:100%;display:block}.aj-accordion-menu>li ul li.selected a[data-v-a9e9eb02]{color:#000;font-weight:700}.aj-accordion-menu>li h3[data-v-a9e9eb02],.aj-accordion-menu>li li[data-v-a9e9eb02]{padding:5px 0 5px 15px;letter-spacing:2px;line-height:20px;color:#939da8;font-size:12px}.aj-accordion-menu>li h3 a[data-v-a9e9eb02]:hover,.aj-accordion-menu>li h3[data-v-a9e9eb02]:hover,.aj-accordion-menu>li li[data-v-a9e9eb02]:hover,.aj-accordion-menu>li li a[data-v-a9e9eb02]:hover{color:#000}[data-v-52984f04]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-52984f04]{letter-spacing:2px;margin:10px}.aj-table[data-v-52984f04]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-52984f04]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-52984f04],.aj-table th[data-v-52984f04]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-52984f04]{transition:background-color .4s ease-out}.aj-table tr[data-v-52984f04]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-52984f04]:hover{background-color:#fbf8e9}.aj-expander[data-v-52984f04]{overflow:hidden;position:relative;clear:both;transition:height .2s ease 0s}.aj-expander .mask-layer[data-v-52984f04]{position:absolute;bottom:0;left:0;height:23px;width:100%;background:-webkit-gradient(linear,center top,center bottom,from(transparent),to(#fff))}.aj-expander .openBtn[data-v-52984f04]{background:url(https://ajaxjs.nos-eastchina1.126.net/images/openBtn.png)}.aj-expander .closeBtn[data-v-52984f04]{background:url(https://ajaxjs.nos-eastchina1.126.net/images/closeBtn.png)}.aj-expander .closeBtn[data-v-52984f04],.aj-expander .openBtn[data-v-52984f04]{width:45px;height:32px;position:absolute;cursor:pointer;top:0;right:0}[data-v-6ca070a5]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-6ca070a5]{letter-spacing:2px;margin:10px}.aj-table[data-v-6ca070a5]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-6ca070a5]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-6ca070a5],.aj-table th[data-v-6ca070a5]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-6ca070a5]{transition:background-color .4s ease-out}.aj-table tr[data-v-6ca070a5]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-6ca070a5]:hover{background-color:#fbf8e9}.aj-widget-baidu-search[data-v-6ca070a5]{padding:0;margin:0}.aj-widget-baidu-search input[type=text][data-v-6ca070a5]{border-radius:5px;border:1px solid grey;padding:0 2px;height:22px}.aj-widget-baidu-search .searchBtn[data-v-6ca070a5]{background:url("data:image/gif;base64,R0lGODlhEAAQAGYAACH5BAEAAAAALAAAAAAQABAApgEAAOD3//n9/+3//936/xt7uX+x1KAQCyeHwsj1/6QcGZDd+fX+/+oOAFW05FCUxMXs+9P0/+T0+7fv/5rm/6fn/bHr/jCBugt0t0CKv47e+4fW9CaEv6fb8w9/weteSfkEAOsJC8xBKehVP+FZPxF1thZ4uMHx/1FBZQdssQ51uLrk9zlumyB3tDBRir3x/7nm+WK75DKb0z2k2XTG6mXD7Gq/6Euq20yk1EWp20ay5Umv4liw3dUcAKowMBqJycEzB8EqANoZACOa2KQNCp4NCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeWgACCDwUIhgaCiYoFNBQWFQs4F4qJBQsRAZkBFTwZlBcbEQMCpAMDCwiUBRQEpCcTCQEwN4iJHBYSAgmwBAEQObWCBRoBAi8JvQMdMsEAGTEQAQTJAw4qlAAmNSsM3RIOPyzYACUzOjY7Qx4uIQfjDykYGC0oHyAN7uOKCiMNQvn6BCkg0SNIkYCJFIgAAhChDyII9QUCADs=") no-repeat 50%;width:25px;height:25px;cursor:pointer;display:inline-block;vertical-align:bottom}.aj-img-thumb img{max-width:50px;max-height:60px;vertical-align:middle}.aj-image-large-view{position:fixed;max-width:400px;transition:top .2s ease-in,left .2s ease-in}.aj-image-large-view img{width:100%}[data-v-cc850222]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-cc850222]{letter-spacing:2px;margin:10px}.aj-table[data-v-cc850222]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-cc850222]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-cc850222],.aj-table th[data-v-cc850222]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-cc850222]{transition:background-color .4s ease-out}.aj-table tr[data-v-cc850222]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-cc850222]:hover{background-color:#fbf8e9}p[data-v-cc850222]{width:500px;margin:20px auto;text-indent:2em}h2[data-v-cc850222]{margin:20px auto}.aj-file-uploader{width:360px}.aj-file-uploader>*{display:inline-block;vertical-align:middle}.aj-file-uploader label{margin-right:2%}.aj-file-uploader label>div{border:1px solid #d3d3d3;border-radius:5px;text-align:center;color:grey;cursor:pointer;font-size:.8rem;padding:10px;padding-bottom:25px;width:100px;height:70px;transition:border-color .3s linear,color .3s linear}.aj-file-uploader label>div:hover{border-color:grey;color:#000}.aj-file-uploader label>div>div{font-size:2rem}.aj-file-uploader button{min-width:110px}.aj-file-uploader input[type=file]{display:none}.aj-file-uploader .msg{font-size:.8rem;color:grey;max-width:50%;word-break:break-word;text-overflow:ellipsis}.aj-file-uploader .msg>div{font-size:.75rem}.aj-file-uploader .perviewImg{max-width:260px}.aj-file-uploader .fileName{text-overflow:ellipsis;white-space:nowrap;max-width:120px;max-height:20px;overflow:hidden}.aj-form-html-editor ul.toolbar{border:1px solid #c5c5c5;border-radius:4px 4px 0 0;border-bottom:0;background-color:#e8e7e4;width:100%;min-height:30px;margin:0;box-sizing:border-box;padding:3px 4px}.aj-form-html-editor ul.toolbar>li{list-style:none;float:left;cursor:pointer}.aj-form-html-editor ul.toolbar>li>i{border:1px solid transparent;min-width:25px;height:20px;line-height:20px;text-align:center;display:block}.aj-form-html-editor ul.toolbar>li>i.text-icon{font-family:Times New Roman;font-weight:700;font-style:normal}.aj-form-html-editor ul.toolbar>li>i.fontAwesome{padding-top:2px;font:normal normal normal 18px/1 FontAwesome}.aj-form-html-editor ul.toolbar>li>i:hover{border-right-color:#aaa;border-bottom-color:#aaa;border-top-color:#fff;border-left-color:#fff}.aj-form-html-editor ul.toolbar>li>i:active{border-right-color:#f3f8fc;border-bottom-color:#f3f8fc;border-top-color:#ccc;border-left-color:#ccc}.aj-form-html-editor ul.toolbar>li ul li{padding:3px;cursor:pointer}.aj-form-html-editor ul.toolbar>li ul li:hover{background-color:#d3d3d3}.aj-form-html-editor ul.toolbar>li .cleanHTML{background-size:16px 16px}.aj-form-html-editor ul.toolbar>li .noBg{background-image:none}.aj-form-html-editor .editorBody iframe,.aj-form-html-editor .editorBody textarea{border:1px solid #c5c5c5;border-radius:0 0 4px 4px;border-top-width:0;box-sizing:border-box;background-color:#fff;min-height:300px;width:100%}.aj-form-html-editor .editorBody iframe.hide{display:none}.aj-form-html-editor .editorBody textarea{resize:none;display:none}.aj-form-html-editor .editorBody textarea.show{display:block}.aj-form-html-editor .colorPicker{width:210px;border:1px solid #d3d3d3;position:absolute}.aj-form-html-editor .colorPicker table{border-collapse:collapse}.aj-form-html-editor .colorPicker .colorhead{height:23px;line-height:23px;font-weight:700;width:100%}.aj-form-html-editor .colorPicker .colortitle{margin-left:6px;font-size:12px}.aj-form-html-editor .colorPicker .colorpanel td{border:1px solid #000;height:10px;width:10px;overflow:hidden;font-size:1px;cursor:pointer}.aj-form-html-editor .fontfamilyChoser a,.aj-form-html-editor .fontsizeChoser a{padding-right:2px;display:block;padding-left:2px;padding-bottom:2px;color:#000;line-height:120%;padding-top:2px;text-decoration:none}.aj-form-html-editor .fontfamilyChoser a:hover,.aj-form-html-editor .fontsizeChoser a:hover{background:#e5e5e5}.aj-form-html-editor .dorpdown{position:relative}.aj-form-html-editor .dorpdown .colorPicker:hover,.aj-form-html-editor .dorpdown .fontfamilyChoser:hover,.aj-form-html-editor .dorpdown .fontsizeChoser:hover,.aj-form-html-editor .dorpdown:hover .colorPicker,.aj-form-html-editor .dorpdown:hover .fontfamilyChoser,.aj-form-html-editor .dorpdown:hover .fontsizeChoser{display:block}.aj-form-html-editor .dorpdown>div{display:none;position:absolute;top:22px;left:0;background-color:#f5f5f5;border:1px solid #d3d3d3;border-top:0;padding:5px;width:230px}.aj-form-html-editor .dorpdown .fontsizeChoser{top:inherit;right:0}[data-v-09434b3b]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-09434b3b]{letter-spacing:2px;margin:10px}.aj-table[data-v-09434b3b]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-09434b3b]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-09434b3b],.aj-table th[data-v-09434b3b]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-09434b3b]{transition:background-color .4s ease-out}.aj-table tr[data-v-09434b3b]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-09434b3b]:hover{background-color:#fbf8e9}.rDown[data-v-09434b3b],.rLeft[data-v-09434b3b],.rLeftDown[data-v-09434b3b],.rLeftUp[data-v-09434b3b],.rRight[data-v-09434b3b],.rRightDown[data-v-09434b3b],.rRightUp[data-v-09434b3b],.rUp[data-v-09434b3b]{position:absolute;background:#c00;width:7px;height:7px;z-index:5;font-size:0}.rLeftDown[data-v-09434b3b],.rRightUp[data-v-09434b3b]{cursor:ne-resize}.rLeftUp[data-v-09434b3b],.rRightDown[data-v-09434b3b]{cursor:nw-resize}.rLeft[data-v-09434b3b],.rRight[data-v-09434b3b]{cursor:e-resize}.rDown[data-v-09434b3b],.rUp[data-v-09434b3b]{cursor:n-resize}.rLeftDown[data-v-09434b3b]{left:-4px;bottom:-4px}.rRightUp[data-v-09434b3b]{right:-4px;top:-4px}.rRightDown[data-v-09434b3b]{right:-4px;bottom:-4px;background-color:0f}.rLeftUp[data-v-09434b3b]{left:-4px;top:-4px}.rRight[data-v-09434b3b]{right:-4px;top:50%;margin-top:-4px}.rLeft[data-v-09434b3b]{left:-4px;top:50%;margin-top:-4px}.rUp[data-v-09434b3b]{top:-4px;left:50%;margin-left:-4px}.rDown[data-v-09434b3b]{bottom:-4px;left:50%;margin-left:-4px}.resize-box[data-v-09434b3b]{border:1px solid grey;width:100px;height:60px;top:150px;left:550px;background:#fff;position:absolute}a{color:grey}a:hover{color:#000}.demo{font-size:11pt}.demo menu{margin:0;padding:0;line-height:40px;height:40px;text-align:center;border-bottom:1px solid #d3d3d3}table.all-center{width:100%;font-size:11pt}table.all-center td{vertical-align:middle;text-align:center}h1{margin:20px}.home>h2{margin:30px auto}.home>h2,.home>p{margin:20px auto;width:600px;text-align:justify}[data-v-6fd22572]:root{--admin-main-color:#1e6bb8}.aj-text-title[data-v-6fd22572]{letter-spacing:2px;margin:10px}.aj-table[data-v-6fd22572]{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th[data-v-6fd22572]{background-color:#efefef;letter-spacing:3px}.aj-table td[data-v-6fd22572],.aj-table th[data-v-6fd22572]{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr[data-v-6fd22572]{transition:background-color .4s ease-out}.aj-table tr[data-v-6fd22572]:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr[data-v-6fd22572]:hover{background-color:#fbf8e9}ul[data-v-6fd22572]{width:500px;margin:0 auto;color:grey}ul li[data-v-6fd22572]{text-align:left;list-style-type:disc}:root{--admin-main-color:#1e6bb8}.aj-text-title{letter-spacing:2px;margin:10px}.aj-table{border:1px solid #d3d3d3;border-collapse:collapse;border-spacing:0}.aj-table th{background-color:#efefef;letter-spacing:3px}.aj-table td,.aj-table th{border:1px solid #d3d3d3;line-height:160%;height:120%;padding:6px}.aj-table tr{transition:background-color .4s ease-out}.aj-table tr:nth-child(odd){background:#f5f5f5;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.aj-table tr:hover{background-color:#fbf8e9}blockquote,body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,input,li,p,pre,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:400}img{border:0}ul li{list-style-type:none}.hide{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}@media screen and (max-width:480px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}