UNPKG

tdesign-mobile-vue

Version:
316 lines (308 loc) 12.9 kB
/** * tdesign v1.9.3 * (c) 2025 TDesign Group * @license MIT */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _slicedToArray = require('@babel/runtime/helpers/slicedToArray'); var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator'); var vue = require('vue'); var _regeneratorRuntime = require('@babel/runtime/regenerator'); var form_props = require('./props.js'); var form_const = require('./const.js'); var config = require('../config.js'); var shared_dom = require('../shared/dom.js'); var hooks_tnode = require('../hooks/tnode.js'); var hooks_useClass = require('../hooks/useClass.js'); var shared_render = require('../shared/render.js'); var isFunction = require('../_chunks/dep-88fe047a.js'); var isArray = require('../_chunks/dep-757b152c.js'); var isEmpty = require('../_chunks/dep-675798b4.js'); var isBoolean = require('../_chunks/dep-d5bc9590.js'); require('../_chunks/dep-c3cb976c.js'); require('../_chunks/dep-2f809ed9.js'); require('@babel/runtime/helpers/typeof'); require('../_chunks/dep-5be9198d.js'); require('../hooks/render-tnode.js'); require('../_chunks/dep-ef223206.js'); require('../_chunks/dep-a7319409.js'); require('../_chunks/dep-afa9f3f2.js'); require('../_chunks/dep-ae809b86.js'); require('../_chunks/dep-2b08c0a6.js'); require('../_chunks/dep-288156c7.js'); require('../_chunks/dep-3d4c38f1.js'); require('../_chunks/dep-6df33aaf.js'); require('../_common/js/utils/general.js'); require('../_chunks/dep-21f18d3b.js'); require('@babel/runtime/helpers/defineProperty'); require('../_chunks/dep-b9642a56.js'); require('../_common/js/global-config/mobile/default-config.js'); require('../_common/js/global-config/mobile/locale/zh_CN.js'); require('../_chunks/dep-28b1e09d.js'); require('../_chunks/dep-57aa1aa0.js'); require('dayjs'); require('../_chunks/dep-85204fa0.js'); require('../_chunks/dep-f6b14f80.js'); require('../_chunks/dep-a8d60643.js'); require('../_chunks/dep-7c911ba3.js'); require('../_chunks/dep-49f0a63e.js'); require('../_chunks/dep-d950aa21.js'); require('../_chunks/dep-a697b1b9.js'); require('../_chunks/dep-4dfb9b9c.js'); require('../_chunks/dep-c65deed7.js'); require('../_chunks/dep-94eeec5a.js'); require('../_chunks/dep-060bf1cf.js'); require('../_chunks/dep-0e05e959.js'); require('../_chunks/dep-324da301.js'); require('../_chunks/dep-da6dc2cf.js'); require('../_chunks/dep-ccc9ad3d.js'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray); var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator); var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime); var prefix = config["default"].prefix; var requestSubmit = function requestSubmit(target) { if (!(target instanceof HTMLFormElement)) { throw new Error("target must be HTMLFormElement"); } var submitter = document.createElement("input"); submitter.type = "submit"; submitter.hidden = true; target.appendChild(submitter); submitter.click(); target.removeChild(submitter); }; var _Form = vue.defineComponent({ name: "".concat(prefix, "-form"), props: form_props["default"], setup: function setup(props2, _ref) { var expose = _ref.expose; var renderTNodeJSX = hooks_tnode.useTNodeJSX(); var _toRefs = vue.toRefs(props2), disabled = _toRefs.disabled, showErrorMessage = _toRefs.showErrorMessage, labelWidth = _toRefs.labelWidth, labelAlign = _toRefs.labelAlign, contentAlign = _toRefs.contentAlign, data = _toRefs.data, colon = _toRefs.colon, requiredMark = _toRefs.requiredMark, rules = _toRefs.rules, errorMessage = _toRefs.errorMessage, resetType = _toRefs.resetType; var formRef = vue.ref(); var children = vue.ref([]); vue.provide("formDisabled", { disabled: disabled }); vue.provide(form_const.FormInjectionKey, vue.reactive({ showErrorMessage: showErrorMessage, labelWidth: labelWidth, labelAlign: labelAlign, contentAlign: contentAlign, data: data, colon: colon, requiredMark: requiredMark, rules: rules, errorMessage: errorMessage, resetType: resetType, children: children, renderContent: shared_render.renderContent })); var formClass = hooks_useClass.usePrefixClass("form"); var needValidate = function needValidate(name, fields) { if (!fields || !isArray.isArray(fields)) return true; return fields.indexOf("".concat(name)) !== -1; }; var formatValidateResult = function formatValidateResult(validateResultList) { var result = validateResultList.reduce(function (r, err) { return Object.assign(r || {}, err); }, {}); Object.keys(result).forEach(function (key) { if (result[key] === true) { delete result[key]; } }); return isEmpty.isEmpty(result) ? true : result; }; var validate = /*#__PURE__*/function () { var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(param) { var _props2$onValidate; var _ref3, fields, _ref3$trigger, trigger, showErrorMessage2, list, arr, result; return _regeneratorRuntime__default["default"].wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: _ref3 = param || {}, fields = _ref3.fields, _ref3$trigger = _ref3.trigger, trigger = _ref3$trigger === void 0 ? "all" : _ref3$trigger, showErrorMessage2 = _ref3.showErrorMessage; list = children.value.filter(function (child) { return isFunction.isFunction(child.validate) && needValidate(String(child.name), fields); }).map(function (child) { return child.validate(trigger, showErrorMessage2); }); _context.next = 1; return Promise.all(list); case 1: arr = _context.sent; result = formatValidateResult(arr); (_props2$onValidate = props2.onValidate) === null || _props2$onValidate === void 0 || _props2$onValidate.call(props2, { validateResult: result }); return _context.abrupt("return", result); case 2: case "end": return _context.stop(); } }, _callee); })); return function validate(_x) { return _ref2.apply(this, arguments); }; }(); var getFirstError = function getFirstError(result) { var _result$Object$keys$, _Object$keys3; if (isBoolean.isBoolean(result)) return ""; var _Object$keys = Object.keys(result), _Object$keys2 = _slicedToArray__default["default"](_Object$keys, 1), firstKey = _Object$keys2[0]; if (props2.scrollToFirstError) { var tmpClassName = "".concat(formClass.value, "-item__").concat(firstKey); scrollTo(tmpClassName); } var resArr = result[firstKey]; if (!isArray.isArray(resArr)) return ""; return (result === null || result === void 0 || (_result$Object$keys$ = result[(_Object$keys3 = Object.keys(result)) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3[0]]) === null || _result$Object$keys$ === void 0 || (_result$Object$keys$ = _result$Object$keys$[0]) === null || _result$Object$keys$ === void 0 ? void 0 : _result$Object$keys$.message) || ""; }; var scrollTo = function scrollTo(selector) { var _formRef$value$getEle = formRef.value.getElementsByClassName(selector), _formRef$value$getEle2 = _slicedToArray__default["default"](_formRef$value$getEle, 1), dom = _formRef$value$getEle2[0]; var behavior = props2.scrollToFirstError; if (behavior) { dom && dom.scrollIntoView({ behavior: behavior }); } }; var validateOnly = /*#__PURE__*/function () { var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(params) { var _ref5, fields, _ref5$trigger, trigger, list, arr; return _regeneratorRuntime__default["default"].wrap(function (_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: _ref5 = params || {}, fields = _ref5.fields, _ref5$trigger = _ref5.trigger, trigger = _ref5$trigger === void 0 ? "all" : _ref5$trigger; list = children.value.filter(function (child) { return isFunction.isFunction(child.validateOnly) && needValidate(String(child.name), fields); }).map(function (child) { return child.validateOnly(trigger); }); _context2.next = 1; return Promise.all(list); case 1: arr = _context2.sent; return _context2.abrupt("return", formatValidateResult(arr)); case 2: case "end": return _context2.stop(); } }, _callee2); })); return function validateOnly(_x2) { return _ref4.apply(this, arguments); }; }(); var submitParams = vue.ref(); var _onSubmit = function onSubmit(e) { if (props2.preventSubmitDefault && e) { shared_dom.preventDefault(e, true); } validate(submitParams.value).then(function (r) { var _props2$onSubmit; var firstError = getFirstError(r); (_props2$onSubmit = props2.onSubmit) === null || _props2$onSubmit === void 0 || _props2$onSubmit.call(props2, { validateResult: r, firstError: firstError }); }); submitParams.value = void 0; }; var submit = /*#__PURE__*/function () { var _ref6 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(params) { return _regeneratorRuntime__default["default"].wrap(function (_context3) { while (1) switch (_context3.prev = _context3.next) { case 0: submitParams.value = params; requestSubmit(formRef.value); case 1: case "end": return _context3.stop(); } }, _callee3); })); return function submit(_x3) { return _ref6.apply(this, arguments); }; }(); var resetParams = vue.ref(); var _onReset = function onReset(e) { var _props2$onReset; if (props2.preventSubmitDefault && e) { shared_dom.preventDefault(e, true); } children.value.filter(function (child) { var _resetParams$value; return isFunction.isFunction(child.resetField) && needValidate(String(child.name), (_resetParams$value = resetParams.value) === null || _resetParams$value === void 0 ? void 0 : _resetParams$value.fields); }).forEach(function (child) { var _resetParams$value2; return child.resetField((_resetParams$value2 = resetParams.value) === null || _resetParams$value2 === void 0 ? void 0 : _resetParams$value2.type); }); resetParams.value = void 0; (_props2$onReset = props2.onReset) === null || _props2$onReset === void 0 || _props2$onReset.call(props2, { e: e }); }; var reset = function reset(params) { resetParams.value = params; formRef.value.reset(); }; var clearValidate = function clearValidate(fields) { children.value.forEach(function (child) { if (isFunction.isFunction(child.resetHandler) && needValidate(String(child.name), fields)) { child.resetHandler(); } }); }; var setValidateMessage = function setValidateMessage(validateMessage) { var keys = Object.keys(validateMessage); if (!keys.length) return; var list = children.value.filter(function (child) { return isFunction.isFunction(child.setValidateMessage) && keys.includes("".concat(child.name)); }).map(function (child) { return child.setValidateMessage(validateMessage["".concat(child.name)]); }); Promise.all(list); }; expose({ validate: validate, submit: submit, reset: reset, clearValidate: clearValidate, setValidateMessage: setValidateMessage, validateOnly: validateOnly }); return function () { return vue.createVNode("form", { "ref": formRef, "class": formClass.value, "onSubmit": function onSubmit(e) { return _onSubmit(e); }, "onReset": function onReset(e) { return _onReset(e); } }, [renderTNodeJSX("default")]); }; } }); exports["default"] = _Form; exports.requestSubmit = requestSubmit; //# sourceMappingURL=form.js.map