@opentinyvue/vue-card 2.21.0 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/mobile-first.js +321 -222
  3. package/lib/pc.js +291 -198
  4. package/package.json +8 -8
  5. package/src/index.d.ts +132 -2
  6. package/src/mobile-first.vue.d.ts +81 -1
  7. package/src/pc.vue.d.ts +84 -1
package/lib/pc.js CHANGED
@@ -6,6 +6,7 @@ import DropdownItem from '@opentinyvue/vue-dropdown-item';
6
6
  import Checkbox from '@opentinyvue/vue-checkbox';
7
7
  import Radio from '@opentinyvue/vue-radio';
8
8
  import '@opentinyvue/vue-theme/card/index.css';
9
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, createCommentVNode, withCtx, renderSlot, toDisplayString, Fragment, renderList, withModifiers, createBlock, resolveDynamicComponent } from 'vue';
9
10
 
10
11
  var classes = {
11
12
  "card": "overflow-hidden bg-color-bg-1 border hover:shadow",
@@ -35,37 +36,40 @@ var classes = {
35
36
  "options": "w-full px-3 h-11 flex items-center justify-around text-color-text-primary border-t border-t-color-border-separator"
36
37
  };
37
38
 
38
- function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
39
- var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
40
- if (render) {
41
- options.render = render;
42
- options.staticRenderFns = staticRenderFns;
43
- options._compiled = true;
39
+ function _createForOfIteratorHelperLoose(r, e) {
40
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
41
+ if (t) return (t = t.call(r)).next.bind(t);
42
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
43
+ t && (r = t);
44
+ var o = 0;
45
+ return function() {
46
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
47
+ };
44
48
  }
45
- var hook;
46
- if (injectStyles) {
47
- hook = injectStyles;
48
- }
49
- if (hook) {
50
- if (options.functional) {
51
- options._injectStyles = hook;
52
- var originalRender = options.render;
53
- options.render = function renderWithStyleInjection(h, context) {
54
- hook.call(context);
55
- return originalRender(h, context);
56
- };
57
- } else {
58
- var existing = options.beforeCreate;
59
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
60
- }
49
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
50
+ }
51
+ function _unsupportedIterableToArray(r, a) {
52
+ if (r) {
53
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
54
+ var t = {}.toString.call(r).slice(8, -1);
55
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
61
56
  }
62
- return {
63
- exports: scriptExports,
64
- options
65
- };
66
57
  }
58
+ function _arrayLikeToArray(r, a) {
59
+ (null == a || a > r.length) && (a = r.length);
60
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
61
+ return n;
62
+ }
63
+ var _export_sfc = function _export_sfc2(sfc, props) {
64
+ var target = sfc.__vccOpts || sfc;
65
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
66
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
67
+ target[key] = val;
68
+ }
69
+ return target;
70
+ };
67
71
 
68
- var __vue2_script = defineComponent({
72
+ var _sfc_main = defineComponent({
69
73
  name: $prefix + "Card",
70
74
  emits: ["icon-click", "update:modelValue", "change", "click"],
71
75
  components: {
@@ -86,181 +90,270 @@ var __vue2_script = defineComponent({
86
90
  });
87
91
  }
88
92
  });
89
- var render = function render2() {
90
- var _vm = this;
91
- var _h = _vm.$createElement;
92
- var _c = _vm._self._c || _h;
93
- return _c("div", {
94
- staticClass: "tiny-card",
95
- class: ["tiny-card--" + _vm.state.size, "tiny-card--" + _vm.state.status, _vm.state.autoWidth ? "" : "tiny-card--" + _vm.state.size + "-width", _vm.state.itemChecked ? _vm.state.checkMode === "badge" ? "tiny-card--item-checkbox-checked" : "tiny-card--item-checked" : "", _vm.state.disabled ? "tiny-card--disabled" : "", _vm.state.customClass],
96
- on: {
97
- "click": function click($event) {
98
- return _vm.cardClick($event);
99
- }
100
- }
101
- }, [_c("div", {
102
- staticClass: "tiny-card__body",
103
- style: {
104
- "display": _vm.state.type === "text" ? "flex" : "block"
105
- }
106
- }, [_vm.state.checkType === "checkbox" && _vm.state.type === "text" && _vm.state.checkMode === "normal" ? _c("div", {
107
- staticClass: "tiny-card--checkbox"
108
- }, [_c("tiny-checkbox", {
109
- attrs: {
110
- "label": _vm.label,
111
- "text": "",
112
- "disabled": _vm.state.disabled
113
- },
114
- on: {
115
- "change": _vm.handleChange
93
+ var _hoisted_1 = {
94
+ key: 0,
95
+ class: "tiny-card--checkbox"
96
+ };
97
+ var _hoisted_2 = {
98
+ key: 1,
99
+ class: "tiny-card--radio"
100
+ };
101
+ var _hoisted_3 = /* @__PURE__ */ createElementVNode(
102
+ "span",
103
+ null,
104
+ null,
105
+ -1
106
+ /* HOISTED */
107
+ );
108
+ var _hoisted_4 = {
109
+ key: 2,
110
+ class: "tiny-card--image"
111
+ };
112
+ var _hoisted_5 = ["src"];
113
+ var _hoisted_6 = {
114
+ key: 3,
115
+ class: "tiny-card--video"
116
+ };
117
+ var _hoisted_7 = ["src"];
118
+ var _hoisted_8 = {
119
+ key: 0,
120
+ class: "tiny-card--logo__head"
121
+ };
122
+ var _hoisted_9 = ["src"];
123
+ var _hoisted_10 = {
124
+ class: "tiny-card--logo__title--p"
125
+ };
126
+ var _hoisted_11 = {
127
+ key: 0,
128
+ class: "tiny-card__footer"
129
+ };
130
+ var _hoisted_12 = {
131
+ key: 0,
132
+ class: "tiny-card__footer-footer"
133
+ };
134
+ var _hoisted_13 = {
135
+ key: 1,
136
+ class: "tiny-card__footer-options"
137
+ };
138
+ var _hoisted_14 = ["onClick"];
139
+ var _hoisted_15 = {
140
+ key: 0,
141
+ class: "tiny-card__footer-options-span"
142
+ };
143
+ var _hoisted_16 = {
144
+ key: 0,
145
+ class: "tiny-card__footer-options-span"
146
+ };
147
+ var _hoisted_17 = {
148
+ key: 0,
149
+ class: "tiny-card__footer-more"
150
+ };
151
+ var _hoisted_18 = ["onClick"];
152
+ var _hoisted_19 = {
153
+ key: 0
154
+ };
155
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
156
+ var _component_tiny_checkbox = resolveComponent("tiny-checkbox");
157
+ var _component_tiny_radio = resolveComponent("tiny-radio");
158
+ var _component_tiny_dropdown_item = resolveComponent("tiny-dropdown-item");
159
+ var _component_tiny_dropdown_menu = resolveComponent("tiny-dropdown-menu");
160
+ var _component_tiny_dropdown = resolveComponent("tiny-dropdown");
161
+ return openBlock(), createElementBlock(
162
+ "div",
163
+ {
164
+ class: normalizeClass(["tiny-card", ["tiny-card--" + _ctx.state.size, "tiny-card--" + _ctx.state.status, _ctx.state.autoWidth ? "" : "tiny-card--" + _ctx.state.size + "-width", _ctx.state.itemChecked ? _ctx.state.checkMode === "badge" ? "tiny-card--item-checkbox-checked" : "tiny-card--item-checked" : "", _ctx.state.disabled ? "tiny-card--disabled" : "", _ctx.state.customClass]]),
165
+ onClick: _cache[3] || (_cache[3] = function($event) {
166
+ return _ctx.cardClick($event);
167
+ })
116
168
  },
117
- model: {
118
- value: _vm.state.model,
119
- callback: function callback($$v) {
120
- _vm.$set(_vm.state, "model", $$v);
169
+ [createElementVNode(
170
+ "div",
171
+ {
172
+ class: "tiny-card__body",
173
+ style: normalizeStyle({
174
+ "display": _ctx.state.type === "text" ? "flex" : "block"
175
+ })
121
176
  },
122
- expression: "state.model"
123
- }
124
- })], 1) : _vm._e(), _vm.state.checkType === "radio" && _vm.state.type === "text" && _vm.state.checkMode === "normal" ? _c("div", {
125
- staticClass: "tiny-card--radio"
126
- }, [_c("tiny-radio", {
127
- attrs: {
128
- "label": _vm.label,
129
- "disabled": _vm.state.disabled
130
- },
131
- on: {
132
- "change": _vm.handleChange
133
- },
134
- model: {
135
- value: _vm.state.model,
136
- callback: function callback($$v) {
137
- _vm.$set(_vm.state, "model", $$v);
177
+ [_ctx.state.checkType === "checkbox" && _ctx.state.type === "text" && _ctx.state.checkMode === "normal" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_tiny_checkbox, {
178
+ modelValue: _ctx.state.model,
179
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
180
+ return _ctx.state.model = $event;
181
+ }),
182
+ label: _ctx.label,
183
+ text: "",
184
+ disabled: _ctx.state.disabled,
185
+ onChange: _ctx.handleChange
186
+ }, null, 8, ["modelValue", "label", "disabled", "onChange"])])) : createCommentVNode("v-if", true), _ctx.state.checkType === "radio" && _ctx.state.type === "text" && _ctx.state.checkMode === "normal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_tiny_radio, {
187
+ modelValue: _ctx.state.model,
188
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
189
+ return _ctx.state.model = $event;
190
+ }),
191
+ label: _ctx.label,
192
+ disabled: _ctx.state.disabled,
193
+ onChange: _ctx.handleChange
194
+ }, {
195
+ default: withCtx(function() {
196
+ return [_hoisted_3];
197
+ }),
198
+ _: 1
199
+ /* STABLE */
200
+ }, 8, ["modelValue", "label", "disabled", "onChange"])])) : createCommentVNode("v-if", true), _ctx.state.type === "image" ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("img", {
201
+ src: _ctx.src
202
+ }, null, 8, _hoisted_5)])) : createCommentVNode("v-if", true), _ctx.state.type === "video" ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("video", {
203
+ src: _ctx.src,
204
+ controls: ""
205
+ }, null, 8, _hoisted_7)])) : createCommentVNode("v-if", true), createElementVNode(
206
+ "div",
207
+ {
208
+ class: normalizeClass(["tiny-card--logo", "tiny-card--" + _ctx.state.size + "-padding"])
209
+ },
210
+ [_ctx.state.type === "logo" ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("img", {
211
+ src: _ctx.src
212
+ }, null, 8, _hoisted_9)])) : createCommentVNode("v-if", true), _ctx.title || _ctx.slots.title ? (openBlock(), createElementBlock(
213
+ "div",
214
+ {
215
+ key: 1,
216
+ class: normalizeClass(["tiny-card--logo__title", _ctx.state.type === "logo" ? "tiny-card--logo__title--type-logo" : ""])
217
+ },
218
+ [renderSlot(_ctx.$slots, "title-left"), renderSlot(_ctx.$slots, "title", {}, function() {
219
+ return [createElementVNode(
220
+ "p",
221
+ _hoisted_10,
222
+ toDisplayString(_ctx.title),
223
+ 1
224
+ /* TEXT */
225
+ )];
226
+ }), renderSlot(_ctx.$slots, "title-right")],
227
+ 2
228
+ /* CLASS */
229
+ )) : createCommentVNode("v-if", true), createElementVNode(
230
+ "div",
231
+ {
232
+ class: normalizeClass(["tiny-card--logo__main", _ctx.state.type === "logo" ? "tiny-card--logo__main-type-logo" : ""]),
233
+ style: normalizeStyle({
234
+ height: _ctx.state.height
235
+ })
236
+ },
237
+ [renderSlot(_ctx.$slots, "default")],
238
+ 6
239
+ /* CLASS, STYLE */
240
+ )],
241
+ 2
242
+ /* CLASS */
243
+ )],
244
+ 4
245
+ /* STYLE */
246
+ ), _ctx.state.effectOptions.length || _ctx.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_12, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true), _ctx.state.effectOptions.length ? (openBlock(), createElementBlock("div", _hoisted_13, [(openBlock(true), createElementBlock(
247
+ Fragment,
248
+ null,
249
+ renderList(_ctx.state.effectOptions.slice(0, _ctx.state.sliceNum), function(item, index) {
250
+ return openBlock(), createElementBlock("div", {
251
+ class: normalizeClass(["tiny-card__footer-options-div", item.disabled ? "tiny-card__footer-options-disabled" : ""]),
252
+ key: item.text + index,
253
+ onClick: withModifiers(function($event) {
254
+ return _ctx.handelIconClick(item, index, $event);
255
+ }, ["stop"])
256
+ }, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), {
257
+ class: normalizeClass(["tiny-card__footer-options-icon", item.disabled ? "tiny-card__footer-options-icon-disabled" : ""])
258
+ }, null, 8, ["class"])), item.text ? (openBlock(), createElementBlock(
259
+ "span",
260
+ _hoisted_15,
261
+ toDisplayString(item.text),
262
+ 1
263
+ /* TEXT */
264
+ )) : createCommentVNode("v-if", true)], 10, _hoisted_14);
265
+ }),
266
+ 128
267
+ /* KEYED_FRAGMENT */
268
+ )), _ctx.state.effectOptions.length === _ctx.state.iconNum ? (openBlock(), createElementBlock(
269
+ "div",
270
+ {
271
+ key: 0,
272
+ class: normalizeClass(["tiny-card__footer-options-div", _ctx.state.effectOptions[_ctx.state.sliceNum].disabled ? "tiny-card__footer-options-disabled" : ""]),
273
+ onClick: _cache[2] || (_cache[2] = withModifiers(function($event) {
274
+ return _ctx.handelIconClick(_ctx.state.effectOptions[_ctx.state.sliceNum], _ctx.state.sliceNum, $event);
275
+ }, ["stop"]))
138
276
  },
139
- expression: "state.model"
140
- }
141
- }, [_c("span")])], 1) : _vm._e(), _vm.state.type === "image" ? _c("div", {
142
- staticClass: "tiny-card--image"
143
- }, [_c("img", {
144
- attrs: {
145
- "src": _vm.src
146
- }
147
- })]) : _vm._e(), _vm.state.type === "video" ? _c("div", {
148
- staticClass: "tiny-card--video"
149
- }, [_c("video", {
150
- attrs: {
151
- "src": _vm.src,
152
- "controls": ""
153
- }
154
- })]) : _vm._e(), _c("div", {
155
- staticClass: "tiny-card--logo",
156
- class: "tiny-card--" + _vm.state.size + "-padding"
157
- }, [_vm.state.type === "logo" ? _c("div", {
158
- staticClass: "tiny-card--logo__head"
159
- }, [_c("img", {
160
- attrs: {
161
- "src": _vm.src
162
- }
163
- })]) : _vm._e(), _vm.title || _vm.slots.title ? _c("div", {
164
- staticClass: "tiny-card--logo__title",
165
- class: _vm.state.type === "logo" ? "tiny-card--logo__title--type-logo" : ""
166
- }, [_vm._t("title-left"), _vm._t("title", function() {
167
- return [_c("p", {
168
- staticClass: "tiny-card--logo__title--p"
169
- }, [_vm._v(_vm._s(_vm.title))])];
170
- }), _vm._t("title-right")], 2) : _vm._e(), _c("div", {
171
- staticClass: "tiny-card--logo__main",
172
- class: _vm.state.type === "logo" ? "tiny-card--logo__main-type-logo" : "",
173
- style: {
174
- height: _vm.state.height
175
- }
176
- }, [_vm._t("default")], 2)])]), _vm.state.effectOptions.length || _vm.slots.footer ? _c("div", {
177
- staticClass: "tiny-card__footer"
178
- }, [_vm.slots.footer ? _c("div", {
179
- staticClass: "tiny-card__footer-footer"
180
- }, [_vm._t("footer")], 2) : _vm._e(), _vm.state.effectOptions.length ? _c("div", {
181
- staticClass: "tiny-card__footer-options"
182
- }, [_vm._l(_vm.state.effectOptions.slice(0, _vm.state.sliceNum), function(item, index) {
183
- return _c("div", {
184
- key: item.text + index,
185
- staticClass: "tiny-card__footer-options-div",
186
- class: item.disabled ? "tiny-card__footer-options-disabled" : "",
187
- on: {
188
- "click": function click($event) {
189
- $event.stopPropagation();
190
- return _vm.handelIconClick(item, index, $event);
191
- }
192
- }
193
- }, [_c(item.icon, {
194
- tag: "component",
195
- staticClass: "tiny-card__footer-options-icon",
196
- class: item.disabled ? "tiny-card__footer-options-icon-disabled" : ""
197
- }), item.text ? _c("span", {
198
- staticClass: "tiny-card__footer-options-span"
199
- }, [_vm._v(_vm._s(item.text))]) : _vm._e()], 1);
200
- }), _vm.state.effectOptions.length === _vm.state.iconNum ? _c("div", {
201
- staticClass: "tiny-card__footer-options-div",
202
- class: _vm.state.effectOptions[_vm.state.sliceNum].disabled ? "tiny-card__footer-options-disabled" : "",
203
- on: {
204
- "click": function click($event) {
205
- $event.stopPropagation();
206
- return _vm.handelIconClick(_vm.state.effectOptions[_vm.state.sliceNum], _vm.state.sliceNum, $event);
207
- }
208
- }
209
- }, [_c(_vm.state.effectOptions[_vm.state.sliceNum].icon, {
210
- tag: "component",
211
- staticClass: "tiny-card__footer-options-icon",
212
- class: _vm.state.effectOptions[_vm.state.sliceNum].disabled ? "tiny-card__footer-options-icon-disabled" : ""
213
- }), _vm.state.effectOptions[_vm.state.sliceNum].text ? _c("span", {
214
- staticClass: "tiny-card__footer-options-span"
215
- }, [_vm._v(_vm._s(_vm.state.effectOptions[_vm.state.sliceNum].text))]) : _vm._e()], 1) : _vm._e(), _vm.state.effectOptions.length > _vm.state.iconNum ? _c("tiny-dropdown", {
216
- staticClass: "tiny-card__footer-options-dropdown",
217
- attrs: {
277
+ [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.effectOptions[_ctx.state.sliceNum].icon), {
278
+ class: normalizeClass(["tiny-card__footer-options-icon", _ctx.state.effectOptions[_ctx.state.sliceNum].disabled ? "tiny-card__footer-options-icon-disabled" : ""])
279
+ }, null, 8, ["class"])), _ctx.state.effectOptions[_ctx.state.sliceNum].text ? (openBlock(), createElementBlock(
280
+ "span",
281
+ _hoisted_16,
282
+ toDisplayString(_ctx.state.effectOptions[_ctx.state.sliceNum].text),
283
+ 1
284
+ /* TEXT */
285
+ )) : createCommentVNode("v-if", true)],
286
+ 2
287
+ /* CLASS */
288
+ )) : createCommentVNode("v-if", true), _ctx.state.effectOptions.length > _ctx.state.iconNum ? (openBlock(), createBlock(_component_tiny_dropdown, {
289
+ key: 1,
290
+ class: "tiny-card__footer-options-dropdown",
218
291
  "show-self-icon": ""
219
- },
220
- scopedSlots: _vm._u([{
221
- key: "dropdown",
222
- fn: function fn() {
223
- return [_c("tiny-dropdown-menu", {
224
- attrs: {
225
- "placement": "bottom"
226
- }
227
- }, _vm._l(_vm.state.effectOptions.slice(_vm.state.sliceNum), function(item, index) {
228
- return _c("tiny-dropdown-item", {
229
- key: item.text + index
230
- }, [_c("div", {
231
- class: ["tiny-card__footer-dropdown-item", item.disabled ? "tiny-card__footer-dropdown-item-disabled" : ""],
232
- on: {
233
- "click": function click($event) {
234
- $event.stopPropagation();
235
- return _vm.handelIconClick(item, index + _vm.state.sliceNum, $event);
236
- }
237
- }
238
- }, [_c(item.icon, {
239
- tag: "component",
240
- staticClass: "tiny-card__footer-options-icon",
241
- class: item.disabled ? "tiny-card__footer-options-icon-disabled" : ""
242
- }), item.text ? _c("span", [_vm._v(_vm._s(item.text))]) : _vm._e()], 1)]);
243
- }), 1)];
244
- },
245
- proxy: true
246
- }], null, false, 1685382823)
247
- }, [_c(_vm.iconMore, {
248
- tag: "component",
249
- staticClass: "tiny-card__footer-options-icon"
250
- }), _vm.state.effectOptions[0].text ? _c("span", {
251
- staticClass: "tiny-card__footer-more"
252
- }, [_vm._v(_vm._s(_vm.t("ui.base.more")))]) : _vm._e()], 1) : _vm._e()], 2) : _vm._e()]) : _vm._e()]);
253
- };
254
- var staticRenderFns = [];
255
- var __cssModules = {};
256
- var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
257
- function __vue2_injectStyles(context) {
258
- for (var o in __cssModules) {
259
- this[o] = __cssModules[o];
260
- }
292
+ }, {
293
+ dropdown: withCtx(function() {
294
+ return [createVNode(_component_tiny_dropdown_menu, {
295
+ placement: "bottom"
296
+ }, {
297
+ default: withCtx(function() {
298
+ return [(openBlock(true), createElementBlock(
299
+ Fragment,
300
+ null,
301
+ renderList(_ctx.state.effectOptions.slice(_ctx.state.sliceNum), function(item, index) {
302
+ return openBlock(), createBlock(
303
+ _component_tiny_dropdown_item,
304
+ {
305
+ key: item.text + index
306
+ },
307
+ {
308
+ default: withCtx(function() {
309
+ return [createElementVNode("div", {
310
+ onClick: withModifiers(function($event) {
311
+ return _ctx.handelIconClick(item, index + _ctx.state.sliceNum, $event);
312
+ }, ["stop"]),
313
+ class: normalizeClass(["", ["tiny-card__footer-dropdown-item", item.disabled ? "tiny-card__footer-dropdown-item-disabled" : ""]])
314
+ }, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), {
315
+ class: normalizeClass(["tiny-card__footer-options-icon", item.disabled ? "tiny-card__footer-options-icon-disabled" : ""])
316
+ }, null, 8, ["class"])), item.text ? (openBlock(), createElementBlock(
317
+ "span",
318
+ _hoisted_19,
319
+ toDisplayString(item.text),
320
+ 1
321
+ /* TEXT */
322
+ )) : createCommentVNode("v-if", true)], 10, _hoisted_18)];
323
+ }),
324
+ _: 2
325
+ /* DYNAMIC */
326
+ },
327
+ 1024
328
+ /* DYNAMIC_SLOTS */
329
+ );
330
+ }),
331
+ 128
332
+ /* KEYED_FRAGMENT */
333
+ ))];
334
+ }),
335
+ _: 1
336
+ /* STABLE */
337
+ })];
338
+ }),
339
+ default: withCtx(function() {
340
+ return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.iconMore), {
341
+ class: "tiny-card__footer-options-icon"
342
+ })), _ctx.state.effectOptions[0].text ? (openBlock(), createElementBlock(
343
+ "span",
344
+ _hoisted_17,
345
+ toDisplayString(_ctx.t("ui.base.more")),
346
+ 1
347
+ /* TEXT */
348
+ )) : createCommentVNode("v-if", true)];
349
+ }),
350
+ _: 1
351
+ /* STABLE */
352
+ })) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)],
353
+ 2
354
+ /* CLASS */
355
+ );
261
356
  }
262
- var pc = /* @__PURE__ */ function() {
263
- return __component__.exports;
264
- }();
357
+ var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
265
358
 
266
359
  export { pc as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-card",
3
- "version": "2.21.0",
3
+ "version": "3.21.0",
4
4
  "description": "",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./lib/index.js",
@@ -8,13 +8,13 @@
8
8
  "type": "module",
9
9
  "dependencies": {
10
10
  "@opentinyvue/vue-renderless": "~3.21.0",
11
- "@opentinyvue/vue-common": "~2.21.0",
12
- "@opentinyvue/vue-dropdown": "~2.21.0",
13
- "@opentinyvue/vue-dropdown-menu": "~2.21.0",
14
- "@opentinyvue/vue-dropdown-item": "~2.21.0",
15
- "@opentinyvue/vue-icon": "~2.21.0",
16
- "@opentinyvue/vue-radio": "~2.21.0",
17
- "@opentinyvue/vue-checkbox": "~2.21.0",
11
+ "@opentinyvue/vue-common": "~3.21.0",
12
+ "@opentinyvue/vue-dropdown": "~3.21.0",
13
+ "@opentinyvue/vue-dropdown-menu": "~3.21.0",
14
+ "@opentinyvue/vue-dropdown-item": "~3.21.0",
15
+ "@opentinyvue/vue-icon": "~3.21.0",
16
+ "@opentinyvue/vue-radio": "~3.21.0",
17
+ "@opentinyvue/vue-checkbox": "~3.21.0",
18
18
  "@opentinyvue/vue-theme": "~3.21.0"
19
19
  },
20
20
  "license": "MIT",