UNPKG

tdesign-mobile-vue

Version:
149 lines (141 loc) 6.28 kB
/** * tdesign v1.7.0 * (c) 2024 TDesign Group * @license MIT */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _defineProperty = require('@babel/runtime/helpers/defineProperty'); var _slicedToArray = require('@babel/runtime/helpers/slicedToArray'); var vue = require('vue'); var isArray = require('lodash/isArray'); var isFunction = require('lodash/isFunction'); var isString = require('lodash/isString'); var loading_index = require('../loading/index.js'); var config = require('../config.js'); var switch_props = require('./props.js'); var form_hooks = require('../form/hooks.js'); var hooks_useClass = require('../hooks/useClass.js'); var shared_useToggle_index = require('../shared/useToggle/index.js'); var shared_useDefault_index = require('../shared/useDefault/index.js'); require('../loading/loading.js'); require('../loading/icon/gradient.js'); require('../_common/js/loading/circle-adapter.js'); require('../_common/js/utils/set-style.js'); require('../_common/js/utils/helper.js'); require('@babel/runtime/helpers/toConsumableArray'); require('@babel/runtime/helpers/objectWithoutProperties'); require('lodash/isNull'); require('lodash/isUndefined'); require('lodash/isNumber'); require('../loading/icon/spinner.js'); require('../loading/props.js'); require('../hooks/tnode.js'); require('lodash/camelCase'); require('lodash/kebabCase'); require('../hooks/render-tnode.js'); require('lodash/isEmpty'); require('lodash/isObject'); require('../shared/dom.js'); require('../loading/plugin.js'); require('lodash/merge'); require('../config-provider/useConfig.js'); require('lodash/cloneDeep'); require('../config-provider/context.js'); require('lodash/mergeWith'); require('../_common/js/global-config/mobile/default-config.js'); require('../_common/js/global-config/mobile/locale/zh_CN.js'); require('../_chunks/dep-8d930798.js'); require('@babel/runtime/helpers/typeof'); require('../_chunks/dep-a20a5149.js'); require('dayjs'); require('../shared/component.js'); require('lodash/isBoolean'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty); var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray); var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray); var isFunction__default = /*#__PURE__*/_interopDefaultLegacy(isFunction); var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString); var prefix = config["default"].prefix; var _Switch = vue.defineComponent({ name: "".concat(prefix, "-switch"), props: switch_props["default"], setup: function setup(props2, context) { var switchClass = hooks_useClass.usePrefixClass("switch"); var disabled = form_hooks.useFormDisabled(); var switchValues = props2.customValue || [true, false]; var _useDefault = shared_useDefault_index.useDefault(props2, context.emit, "value", "change"), _useDefault2 = _slicedToArray__default["default"](_useDefault, 1), innerValue = _useDefault2[0]; var _useToggle = shared_useToggle_index.useToggle(switchValues, innerValue.value), state = _useToggle.state, toggle = _useToggle.toggle; var checked = vue.computed(function () { return innerValue.value === switchValues[0]; }); var switchClasses = vue.computed(function () { return ["".concat(switchClass.value), "".concat(switchClass.value, "--").concat(props2.size), _defineProperty__default["default"](_defineProperty__default["default"]({}, "".concat(switchClass.value, "--checked"), checked.value), "".concat(switchClass.value, "--disabled"), disabled.value || props2.loading)]; }); var dotClasses = vue.computed(function () { var _props2$label, _props2$icon; return ["".concat(switchClass.value, "__dot"), "".concat(switchClass.value, "__dot--").concat(props2.size), _defineProperty__default["default"](_defineProperty__default["default"]({}, "".concat(switchClass.value, "__dot--checked"), checked.value), "".concat(switchClass.value, "__dot--plain"), ((_props2$label = props2.label) === null || _props2$label === void 0 ? void 0 : _props2$label.length) !== 2 && ((_props2$icon = props2.icon) === null || _props2$icon === void 0 ? void 0 : _props2$icon.length) !== 2 && !props2.loading)]; }); var labelClasses = vue.computed(function () { return ["".concat(switchClass.value, "__label"), "".concat(switchClass.value, "__label--").concat(props2.size), _defineProperty__default["default"]({}, "".concat(switchClass.value, "__label--checked"), checked.value)]; }); var iconContent = vue.computed(function () { return props2.icon[checked.value ? 0 : 1]; }); function handleToggle(event) { event.preventDefault(); if (disabled.value || props2.loading) { return; } if (state.value === innerValue.value) { toggle(); } innerValue.value = state.value; } var renderContent = function renderContent() { if (props2.loading) { return vue.createVNode(loading_index.Loading, { "inherit-color": true, "size": "16.25px" }, null); } if (isArray__default["default"](props2.label) && props2.label.length === 2) { var label = checked.value ? props2.label[0] : props2.label[1]; if (isString__default["default"](label)) { return label; } if (isFunction__default["default"](label)) { return label(vue.h); } } if (isFunction__default["default"](props2.label)) { return props2.label(vue.h, { value: innerValue.value }); } if (context.slots.label) { return context.slots.label({ value: innerValue.value }); } return iconContent.value; }; return function () { return vue.createVNode("div", { "class": switchClasses.value, "onClick": handleToggle }, [vue.createVNode("div", { "class": dotClasses.value }, [vue.createVNode("div", { "class": labelClasses.value }, [renderContent()])])]); }; } }); exports["default"] = _Switch; //# sourceMappingURL=switch.js.map