@ajaxjs/util 1.1.1 → 1.1.3

package/dist/widget/form/validator.js

@@ -1,220 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Validator = void 0;
-if (!('validity' in document.createElement('input')))
-    window.alert("不支持 HTML5 表单验证");
-/**
- * 表单验证器
- */
-class Validator {
-    constructor(el) {
-        this.errorElements = [];
-        // let isMsgNewLine: boolean = el.dataset.msgNewline === "true";
-        el.setAttribute('novalidate', 'true'); // 禁止浏览器原生的错误提示
-        this.el = el;
-        this.checkEveryField();
-    }
-    /**
-     * 对每一个表单元素监听事件，一失去焦点就触发表单验证
-     */
-    checkEveryField() {
-        let arr = this.el.querySelectorAll('input');
-        arr.forEach((input) => {
-            input.addEventListener('blur', (ev) => {
-                let el = ev.target;
-                if (el.tagName == "A" || Validator.isIgnoreEl(el)) // 忽略部分元素；a 元素也有 blur 事件，忽略之
-                    return;
-                let result = Validator.check(el);
-                if (result) { // 如果有错误,就把它显示出来
-                    this.errorElements.push(result);
-                    this.showError(result);
-                }
-                else
-                    this.removeError(el); // 否则, 移除所有存在的错误信息
-            }, true);
-        });
-    }
-    /**
-     *
-     * @param err
-     */
-    showError(err) {
-        var _a;
-        let el = err.el, id = 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;
-            (_a = el.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(message, el.nextSibling);
-        }
-        el.setAttribute('aria-describedby', 'error-for-' + id); // 添加 ARIA role 到字段
-        message.innerHTML = err.msg; // 更新错误信息
-        // if (!isNewLine)// 显示错误信息
-        //     message.style.display = 'inline-block';
-        message.classList.remove('hide');
-    }
-    /**
-     * 移除所有的错误信息
-     *
-     * @param el
-     */
-    removeError(el) {
-        let id = el.id || el.name; // 获取字段的 id 或者 name
-        if (!id)
-            return;
-        el.classList.remove('error'); // 删除字段的错误类
-        el.removeAttribute('aria-describedby'); // 移除字段的 ARIA role
-        let message = el.form.querySelector(`.error-message#error-for-${id}`); // 检查 DOM 中是否有错误消息
-        if (message) {
-            message.innerHTML = ''; // 如果有错误消息就隐藏它
-            message.classList.add('hide');
-        }
-    }
-    /**
-     * 是否忽略的表单元素
-     *
-     * @param el
-     */
-    static isIgnoreEl(el) {
-        return el.disabled || el.type === 'file' || el.type === 'reset' || el.type === 'submit' || el.type === 'button';
-    }
-    /**
-     * 验证字段
-     *
-     * @param field 表单字段元素
-     * @returns 若验证通过返回 null，否则返回 ErrorElement
-     */
-    static check(field) {
-        // if (!field || !field.getAttribute)
-        //     console.log(field);
-        let validity = field.validity; // 获取 validity
-        if (!validity)
-            throw '浏览器不支持 HTML5 表单验证';
-        if (validity.valid) // 通过验证
-            return null;
-        else {
-            let result = {
-                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;
-        }
-    }
-    /**
-     * 是否通过验证
-     *
-     * @param form
-     */
-    static onSubmit(form) {
-        let fields = form.elements; // 获取所有的表单元素
-        // 验证每一个字段
-        // 将具有错误的第一个字段存储到变量中以便稍后我们将其默认获得焦点
-        let error, hasErrors = null;
-        for (let i = 0, j = fields.length; i < j; i++) {
-            let el = fields[i];
-            error = this.check(el);
-            if (error) {
-                // showError(el);
-                if (!hasErrors) // 如果有错误,停止提交表单并使出现错误的第一个元素获得焦点
-                    hasErrors = el;
-            }
-        }
-        if (hasErrors) {
-            hasErrors.focus();
-            return false;
-        }
-        return true;
-    }
-}
-exports.Validator = Validator;
-// ; (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
-//      **/
-//     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 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属性值
-//             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
-//             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属性的字段中输入的值的长度小于属性值
-//             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))) // 必填字段没有值
-//         };
-//         // 检查是否有错误
-//         for (var key in checkValidity) {
-//             if (checkValidity.hasOwnProperty(key)) {
-//                 // If there's an error, change valid value
-//                 if (checkValidity[key]) { valid = false; break; }
-//             }
-//         }
-//         // 给 validity 对象添加 valid 属性
-//         checkValidity.valid = valid;
-//         // 返回对象
-//         return checkValidity;
-//     };
-//     // 如果不支持完整的 ValidityState 功能，则可以使用polyfill
-//     if (!supported()) {
-//         Object.defineProperty(HTMLInputElement.prototype, 'validity', {
-//             get: function ValidityState() {
-//                 return getValidityState(this);
-//             },
-//             configurable: true,
-//         });
-//     }
-// })(window, document);
-//# sourceMappingURL=validator.js.map

package/dist/widget/form/validator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validator.js","sourceRoot":"","sources":["../../../src/widget/form/validator.ts"],"names":[],"mappings":"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"}

package/dist/widget/form/validator.ts

@@ -1,289 +0,0 @@
-/**
- * 错误的元素
- */
-interface ErrorElement {
-    /**
-     * DOM 元素
-     */
-    el: HTMLFormControl;
-
-    /**
-     * 错误的讯息
-     */
-    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();
-    }
-
-    /**
-     * 表单元素
-     */
-    private el: HTMLFormElement;
-
-    private errorElements: ErrorElement[] = [];
-
-    /**
-     * 对每一个表单元素监听事件，一失去焦点就触发表单验证
-     */
-    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);
-        });
-    }
-
-    /**
-     * 
-     * @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);
-        }
-
-        el.setAttribute('aria-describedby', 'error-for-' + id);// 添加 ARIA role 到字段
-        (<HTMLElement>message).innerHTML = err.msg;// 更新错误信息
-
-        // if (!isNewLine)// 显示错误信息
-        //     message.style.display = 'inline-block';
-
-        (<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 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;
-        }
-    }
-
-    /**
-     * 是否通过验证
-     * 
-     * @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;
-            }
-        }
-
-        if (hasErrors) {
-            hasErrors.focus();
-            return false;
-        }
-
-        return true;
-    }
-}
-
-
-// ; (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
-//      **/
-//     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 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属性值
-//             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
-//             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属性的字段中输入的值的长度小于属性值
-//             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))) // 必填字段没有值
-//         };
-
-//         // 检查是否有错误
-//         for (var key in checkValidity) {
-//             if (checkValidity.hasOwnProperty(key)) {
-//                 // If there's an error, change valid value
-//                 if (checkValidity[key]) { valid = false; break; }
-//             }
-//         }
-//         // 给 validity 对象添加 valid 属性
-//         checkValidity.valid = valid;
-//         // 返回对象
-//         return checkValidity;
-//     };
-
-//     // 如果不支持完整的 ValidityState 功能，则可以使用polyfill
-//     if (!supported()) {
-//         Object.defineProperty(HTMLInputElement.prototype, 'validity', {
-//             get: function ValidityState() {
-//                 return getValidityState(this);
-//             },
-//             configurable: true,
-//         });
-//     }
-// })(window, document);
-

package/dist/widget/play-ground/sku.vue

@@ -1,93 +0,0 @@
-<template>
-  <div>{{n}}</div>
-</template>
-
-<script lang="ts">
-/*
- 淘宝SKU组合查询算法实现 https://www.cnblogs.com/linybo/p/14061335.html
- sku组合查询算法探讨 https://blog.csdn.net/xmlife/article/details/77628724
- SKU组合查询算法代码-实例二  https://blog.csdn.net/xmlife/article/details/77774700
-*/
-/* 后端数据 */
-var data = {
-  "10;20;30": {
-    price: 5,
-    count: 1,
-  },
-  "10;20;31": {
-    price: 10,
-    count: 2,
-  },
-  "11;20;30": {
-    price: 5,
-    count: 1,
-  },
-  "10;21;31": {
-    price: 10,
-    count: 2,
-  },
-  "10;21;32": {
-    price: 10,
-    count: 9,
-  },
-};
-
-var myData = {},
-  // 可选项 key 值
-  keys = [
-    [10, 11, 12],
-    [20, 21],
-    [30, 31, 32],
-  ];
-
-// 获取 key 的库存量
-function getNum(key: string): number {
-  let result: number = 0,
-    n = [];
-
-  if (typeof myData[key] != "undefined")   // 检查是否已计算过
-    return myData[key];
-
-  let items: string[] = key.split(";");
-
-  if (items.length === keys.length) // 已选择数据是最小路径，直接从已端数据获取
-    return data[key] ? data[key].count : 0;
-
-  // 拼接子串
-  for (let i = 0; i < keys.length; i++) {
-    let j;
-
-    for (j = 0; j < keys[i].length && items.length > 0; j++) {
-        // @ts-ignore
-      if (keys[i][j] == items[0]) 
-        break;
-    }
-
-    if (j < keys[i].length && items.length > 0) 
-        n.push(items.shift());  // 找到该项，跳过
-    else {
-      for (let m = 0; m < keys[i].length; m++) // 分解求值
-        result += getNum(n.concat(keys[i][m], items).join(";"));
-
-      break;
-    }
-  }
-
-  // 缓存
-  myData[key] = result;
-
-  return result;
-}
-
-// document.write(getNum("10") + ";"); //输出14
-// document.write(getNum("11") + ";"); //输出1
-// document.write(getNum("10;21") + ";"); //输出11
-// document.write(getNum("21;31") + ";"); //输出2​
-export default {
-  data() {
-    return {
-      n: getNum("10"),
-    };
-  },
-};
-</script>