UNPKG

tdesign-mobile-vue

Version:
258 lines (254 loc) 9.13 kB
/** * tdesign v1.7.0 * (c) 2024 TDesign Group * @license MIT */ import _defineProperty from '@babel/runtime/helpers/defineProperty'; import _slicedToArray from '@babel/runtime/helpers/slicedToArray'; import { isVNode, defineComponent, computed, watch, createVNode, resolveComponent } from 'vue'; import '../shared/index.js'; import ActionSheetList from './action-sheet-list.js'; import ActionSheetGrid from './action-sheet-grid.js'; import { Popup } from '../popup/index.js'; import { Button } from '../button/index.js'; import config from '../config.js'; import props from './props.js'; import { usePrefixClass } from '../hooks/useClass.js'; import { useConfig } from '../config-provider/useConfig.js'; import { useDefault } from '../shared/useDefault/index.js'; import '../shared/functions.js'; import '../shared/util.js'; import 'lodash/isNumber'; import '../shared/component.js'; import '../shared/constants.js'; import '../shared/render.js'; import '@babel/runtime/helpers/typeof'; import 'lodash/camelCase'; import '../shared/dom.js'; import 'lodash/isFunction'; import 'lodash/isString'; import '../shared/render-tnode.js'; import '../shared/useToggle/index.js'; import '../shared/useCountDown/index.js'; import '@babel/runtime/helpers/asyncToGenerator'; import '@babel/runtime/regenerator'; import '@vueuse/core'; import '../shared/useCountDown/utils.js'; import '../shared/useChildSlots/index.js'; import '@babel/runtime/helpers/toConsumableArray'; import '../shared/useVModel/index.js'; import 'lodash/kebabCase'; import '../shared/useTouch/index.js'; import '../shared/useScrollParent/index.js'; import '../shared/useExpose/index.js'; import '../shared/useTest/index.js'; import '../shared/useClickAway/index.js'; import 'lodash/isArray'; import '../shared/useGesture/index.js'; import '@use-gesture/vanilla'; import '../shared/hover.js'; import '../badge/index.js'; import '../badge/badge.js'; import '../badge/props.js'; import '../hooks/tnode.js'; import '../hooks/render-tnode.js'; import 'lodash/isEmpty'; import 'lodash/isObject'; import 'lodash/cloneDeep'; import '../config-provider/context.js'; import 'lodash/mergeWith'; import 'lodash/merge'; import '../_common/js/global-config/mobile/default-config.js'; import '../_common/js/global-config/mobile/locale/zh_CN.js'; import '../_chunks/dep-6c582337.js'; import '../_chunks/dep-38637d40.js'; import 'dayjs'; import '../_chunks/dep-959cdc59.js'; import '../config-provider/type.js'; import '../badge/style'; import '../badge/type.js'; import '../grid/index.js'; import '../grid/grid.js'; import '../grid/props.js'; import '../grid/grid-item.js'; import '../grid/grid-item-props.js'; import '../image/index.js'; import '../image/image.js'; import 'tdesign-icons-vue-next'; import '../loading/index.js'; import '../loading/loading.js'; import '../loading/icon/gradient.js'; import '../_common/js/loading/circle-adapter.js'; import '../_common/js/utils/set-style.js'; import '../_common/js/utils/helper.js'; import '@babel/runtime/helpers/objectWithoutProperties'; import 'lodash/isNull'; import 'lodash/isUndefined'; import '../loading/icon/spinner.js'; import '../loading/props.js'; import '../loading/style'; import '../loading/type.js'; import '../loading/plugin.js'; import '../image/props.js'; import '../image/style'; import '../image/type.js'; import '../grid/style'; import '../grid/type.js'; import '../swiper/index.js'; import '../swiper/swiper.js'; import '../swipe-cell/useSwipe.js'; import '../swiper/props.js'; import '../swiper/swiper-item.js'; import '../swiper/style'; import '../swiper/type.js'; import '../popup/popup.js'; import '../popup/props.js'; import '../overlay/index.js'; import '../overlay/overlay.js'; import '../overlay/props.js'; import '../overlay/style'; import '../hooks/useLockScroll.js'; import '../_util/useTouch.js'; import '../_util/getScrollParent.js'; import '../_util/supportsPassive.js'; import '../hooks/useTeleport.js'; import '../popup/style'; import '../popup/type.js'; import '../button/button.js'; import '../button/props.js'; import '../form/hooks.js'; import 'lodash/isBoolean'; import '../button/style'; import '../button/type.js'; function _isSlot(s) { return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s); } var prefix = config.prefix; var ActionSheetVue = defineComponent({ name: "".concat(prefix, "-action-sheet"), components: { TPopup: Popup, TButton: Button, ActionSheetList: ActionSheetList, ActionSheetGrid: ActionSheetGrid }, props: props, emits: ["selected", "update:modelValue", "cancel", "close", "update:visible"], setup: function setup(props2, context) { var actionSheetClass = usePrefixClass("action-sheet"); var _useConfig = useConfig("actionSheet"), globalConfig = _useConfig.globalConfig; var actionItems = computed(function () { return props2.items.map(function (item) { if (typeof item === "string") { return { label: item }; } return item; }); }); var _useDefault = useDefault(props2, context.emit, "visible", "visible-change"), _useDefault2 = _slicedToArray(_useDefault, 1), currentVisible = _useDefault2[0]; var rootClasses = computed(function () { return _defineProperty({}, "".concat(actionSheetClass.value, "__content"), true); }); var descriptionClasses = computed(function () { return _defineProperty(_defineProperty(_defineProperty({}, "".concat(actionSheetClass.value, "__description"), true), "".concat(actionSheetClass.value, "__description--left"), props2.align === "left"), "".concat(actionSheetClass.value, "__description--grid"), props2.theme === "grid"); }); watch(function () { return currentVisible.value; }, function (val) { currentVisible.value = val; }, { immediate: true, deep: true }); 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 createVNode("p", { "class": descriptionClasses.value }, [props2.description]); } return null; }; var list = function list() { if (props2.theme === "list") { return createVNode(resolveComponent("action-sheet-list"), { "align": props2.align, "items": actionItems.value, "onSelected": handleSelected }, null); } }; var grid = function grid() { if (props2.theme === "grid") { return createVNode(resolveComponent("action-sheet-grid"), { "items": actionItems.value, "count": props2.count, "onSelected": handleSelected }, null); } }; var cancel = function cancel() { if (props2.showCancel) { return createVNode("div", { "class": "".concat(actionSheetClass.value, "__footer") }, [createVNode("div", { "class": "".concat(actionSheetClass.value, "__gap-").concat(props2.theme) }, null), createVNode(resolveComponent("t-button"), { "class": "".concat(actionSheetClass.value, "__cancel"), "variant": "text", "block": true, "onClick": handleCancel }, { default: function _default() { return [props2.cancelText || globalConfig.value.cancel]; } })]); } }; return createVNode("div", { "class": rootClasses.value }, [description(), list(), grid(), cancel()]); }; return createVNode(resolveComponent("t-popup"), { "visible": currentVisible.value, "placement": "bottom", "destroy-on-close": true, "class": actionSheetClass.value, "onClose": handleClose }, _isSlot(_slot = root()) ? _slot : { default: function _default() { return [_slot]; } }); }; } }); export { ActionSheetVue as default }; //# sourceMappingURL=action-sheet.js.map