UNPKG

tdesign-mobile-vue

Version:
241 lines (233 loc) 9.48 kB
/** * tdesign v1.9.3 * (c) 2025 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 actionSheet_actionSheetGrid = require('./action-sheet-grid.js'); var actionSheet_actionSheetList = require('./action-sheet-list.js'); var button_index = require('../button/index.js'); var popup_index = require('../popup/index.js'); var config = require('../config.js'); var hooks_useClass = require('../hooks/useClass.js'); var hooks_useVModel = require('../hooks/useVModel.js'); var actionSheet_props = require('./props.js'); var configProvider_useConfig = require('../_chunks/dep-21f18d3b.js'); require('../grid/index.js'); require('../grid/grid.js'); require('../grid/props.js'); 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('@babel/runtime/helpers/typeof'); 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-88fe047a.js'); require('../_chunks/dep-2f809ed9.js'); require('../_chunks/dep-ef223206.js'); require('../_chunks/dep-49f0a63e.js'); require('../_chunks/dep-d950aa21.js'); require('../_chunks/dep-5be9198d.js'); require('../_chunks/dep-a697b1b9.js'); require('../_chunks/dep-4dfb9b9c.js'); require('../_chunks/dep-757b152c.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'); require('../_chunks/dep-c3cb976c.js'); require('../grid/grid-item.js'); require('../grid/grid-item-props.js'); require('../hooks/tnode.js'); require('../hooks/render-tnode.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('../_chunks/dep-675798b4.js'); require('../_common/js/utils/general.js'); require('../image/index.js'); require('../image/image.js'); require('@vueuse/core'); require('tdesign-icons-vue-next'); require('../loading/index.js'); require('../loading/loading.js'); require('../loading/icon/gradient.js'); require('../_common/js/loading/circle-adapter.js'); require('../_common/js/utils/setStyle.js'); require('../_common/js/utils/helper.js'); require('@babel/runtime/helpers/toConsumableArray'); require('@babel/runtime/helpers/objectWithoutProperties'); require('../_chunks/dep-6b5052db.js'); require('../_chunks/dep-f11711eb.js'); require('../_chunks/dep-ff4786c0.js'); require('../loading/icon/spinner.js'); require('../loading/props.js'); require('../shared/dom.js'); require('../loading/plugin.js'); require('../shared/component.js'); require('../image/props.js'); require('../badge/index.js'); require('../badge/badge.js'); require('../badge/props.js'); require('../shared/hover.js'); require('../swiper/index.js'); require('../swiper/swiper.js'); require('../swipe-cell/useSwipe.js'); require('../shared/util.js'); require('../swiper/props.js'); require('../swiper/swiper-item.js'); require('../button/button.js'); require('../button/props.js'); require('../form/hooks.js'); require('../_chunks/dep-d5bc9590.js'); require('../popup/popup.js'); require('../popup/props.js'); require('../overlay/index.js'); require('../overlay/overlay.js'); require('../overlay/props.js'); require('../hooks/useLockScroll.js'); require('../_util/useTouch.js'); require('../_util/getScrollParent.js'); require('../hooks/useTeleport.js'); require('../shared/render-tnode.js'); 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); function _isSlot(s) { return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s); } var prefix = config["default"].prefix; var ActionSheetVue = vue.defineComponent({ name: "".concat(prefix, "-action-sheet"), props: actionSheet_props["default"], emits: ["selected", "update:modelValue", "cancel", "close", "update:visible"], setup: function setup(props2, context) { var actionSheetClass = hooks_useClass.usePrefixClass("action-sheet"); var _useConfig = configProvider_useConfig.useConfig("actionSheet"), globalConfig = _useConfig.globalConfig; var actionItems = vue.computed(function () { return props2.items.map(function (item) { if (typeof item === "string") { return { label: item }; } return item; }); }); var _toRefs = vue.toRefs(props2), visible = _toRefs.visible, modelValue = _toRefs.modelValue; var _useVModel = hooks_useVModel["default"](visible, modelValue, props2.defaultVisible, function () {}, "visible"), _useVModel2 = _slicedToArray__default["default"](_useVModel, 1), currentVisible = _useVModel2[0]; var rootClasses = vue.computed(function () { return _defineProperty__default["default"]({}, "".concat(actionSheetClass.value, "__content"), true); }); var descriptionClasses = vue.computed(function () { return _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, "".concat(actionSheetClass.value, "__description"), true), "".concat(actionSheetClass.value, "__description--left"), props2.align === "left"), "".concat(actionSheetClass.value, "__description--grid"), props2.theme === "grid"); }); var hide = function hide(trigger) { var _props2$onClose; context.emit("update:modelValue", false); (_props2$onClose = props2.onClose) === null || _props2$onClose === void 0 || _props2$onClose.call(props2, { trigger: trigger }); }; var handleCancel = function handleCancel() { var _props2$onCancel; (_props2$onCancel = props2.onCancel) === null || _props2$onCancel === void 0 || _props2$onCancel.call(props2); context.emit("update:modelValue", false); }; var handleSelected = function handleSelected(index) { var _props2$onSelected; (_props2$onSelected = props2.onSelected) === null || _props2$onSelected === void 0 || _props2$onSelected.call(props2, props2 === null || props2 === void 0 ? void 0 : props2.items[index], index); hide("selected"); }; var handleClose = function handleClose() { hide("overlay"); }; return function () { var _slot; var root = function root() { var description = function description() { if (props2.description) { return vue.createVNode("p", { "class": descriptionClasses.value }, [props2.description]); } return null; }; var list = function list() { if (props2.theme === "list") { return vue.createVNode(actionSheet_actionSheetList["default"], { "align": props2.align, "items": actionItems.value, "onSelected": handleSelected }, null); } }; var grid = function grid() { if (props2.theme === "grid") { return vue.createVNode(actionSheet_actionSheetGrid["default"], { "items": actionItems.value, "count": props2.count, "onSelected": handleSelected }, null); } }; var cancel = function cancel() { if (props2.showCancel) { return vue.createVNode("div", { "class": "".concat(actionSheetClass.value, "__footer") }, [vue.createVNode("div", { "class": "".concat(actionSheetClass.value, "__gap-").concat(props2.theme) }, null), vue.createVNode(button_index.Button, { "class": "".concat(actionSheetClass.value, "__cancel"), "variant": "text", "block": true, "onClick": handleCancel }, { default: function _default() { return [props2.cancelText || globalConfig.value.cancel]; } })]); } }; return vue.createVNode("div", { "class": rootClasses.value }, [description(), list(), grid(), cancel()]); }; return vue.createVNode(popup_index.Popup, vue.mergeProps(props2.popupProps, { "visible": currentVisible.value, "placement": "bottom", "destroy-on-close": true, "class": actionSheetClass.value, "onClose": handleClose, "showOverlay": props2.showOverlay }), _isSlot(_slot = root()) ? _slot : { default: function _default() { return [_slot]; } }); }; } }); exports["default"] = ActionSheetVue; //# sourceMappingURL=action-sheet.js.map