tdesign-mobile-vue
Version:
tdesign-mobile-vue
155 lines (151 loc) • 5.34 kB
JavaScript
/**
* tdesign v1.7.0
* (c) 2024 TDesign Group
* @license MIT
*/
import _defineProperty from '@babel/runtime/helpers/defineProperty';
import { defineComponent, toRefs, computed, createVNode, resolveComponent, isVNode } from 'vue';
import { Button } from '../button/index.js';
import { Badge } from '../badge/index.js';
import { useTNodeDefault } from '../hooks/tnode.js';
import { usePrefixClass } from '../hooks/useClass.js';
import '../button/button.js';
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/toConsumableArray';
import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/slicedToArray';
import 'lodash/isString';
import 'lodash/isNull';
import 'lodash/isUndefined';
import 'lodash/isNumber';
import 'lodash/isArray';
import '../config.js';
import '../loading/icon/spinner.js';
import '../loading/props.js';
import '../shared/dom.js';
import 'lodash/isFunction';
import 'lodash/camelCase';
import 'lodash/kebabCase';
import '../hooks/render-tnode.js';
import 'lodash/isEmpty';
import 'lodash/isObject';
import '../config-provider/useConfig.js';
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-d5364bc4.js';
import '@babel/runtime/helpers/typeof';
import '../_chunks/dep-eb734424.js';
import 'dayjs';
import '../loading/plugin.js';
import '../shared/component.js';
import '../button/props.js';
import '../form/hooks.js';
import 'lodash/isBoolean';
import '../shared/hover.js';
import '../badge/badge.js';
import '../badge/props.js';
function _isSlot(s) {
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
}
var ActionSheetList = defineComponent({
components: {
TButton: Button,
TBadge: Badge
},
props: {
items: {
type: Array,
required: true
},
align: {
type: String,
default: "center"
}
},
emits: ["selected"],
setup: function setup(props, _ref) {
var emit = _ref.emit;
var actionSheetClass = usePrefixClass("action-sheet");
var renderTNodeJSX = useTNodeDefault();
var _toRefs = toRefs(props),
align = _toRefs.align,
items = _toRefs.items;
var handleSelected = function handleSelected(index) {
emit("selected", index);
};
var itemClasses = computed(function () {
return _defineProperty(_defineProperty({}, "".concat(actionSheetClass.value, "__list-item"), true), "".concat(actionSheetClass.value, "__list-item--left"), align.value === "left");
});
return function () {
var renderButtonNode = function renderButtonNode() {
var renderBadgeNode = function renderBadgeNode(item) {
if (item.badge) {
var content = function content() {
if (item.badge.dot || item.badge.count) {
return createVNode(resolveComponent("t-badge"), {
"count": item.badge.count,
"max-count": item.badge.maxCount || 99,
"dot": item.badge.dot,
"content": item.badge.content,
"size": item.badge.size,
"offset": item.badge.offset || [-16, 20]
}, {
default: function _default() {
return [createVNode("span", {
"class": "".concat(actionSheetClass.value, "__list-item-text")
}, [" ", item.label])];
}
});
}
return renderTNodeJSX("badge", {
defaultNode: createVNode("span", {
"class": "".concat(actionSheetClass.value, "__list-item-text")
}, [item.label])
});
};
return content();
}
return createVNode("span", {
"class": "".concat(actionSheetClass.value, "__list-item-text")
}, [item.label]);
};
var buttonList = items.value.map(function (item, index) {
var _slot;
return createVNode(resolveComponent("t-button"), {
"key": index,
"variant": "text",
"block": true,
"class": [itemClasses.value, _defineProperty({}, "".concat(actionSheetClass.value, "__list-item--disabled"), item.disabled)],
"disabled": item.disabled,
"icon": item.icon,
"style": {
color: item.color
},
"onClick": function onClick() {
return handleSelected(index);
}
}, _isSlot(_slot = renderBadgeNode(item)) ? _slot : {
default: function _default() {
return [_slot];
}
});
});
return buttonList;
};
return createVNode("div", {
"class": "".concat(actionSheetClass.value, "__list")
}, [renderButtonNode()]);
};
}
});
export { ActionSheetList as default };
//# sourceMappingURL=action-sheet-list.js.map