@opentinyvue/vue-drawer 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 (8) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/mobile-first.js +201 -160
  3. package/lib/pc.js +256 -189
  4. package/package.json +5 -5
  5. package/src/index.d.ts +152 -2
  6. package/src/mobile-first.vue.d.ts +78 -1
  7. package/src/pc.vue.d.ts +94 -1
  8. package/src/service.d.ts +1 -1
package/lib/index.js CHANGED
@@ -163,7 +163,7 @@ var service = function service2(configs) {
163
163
  });
164
164
  return instance;
165
165
  };
166
- var version = "2.21.0";
166
+ var version = "3.21.0";
167
167
  Drawer.model = {
168
168
  prop: "visible",
169
169
  event: "update:visible"
package/lib/mobile-first.js CHANGED
@@ -2,38 +2,42 @@ import { renderless, api } from '@opentinyvue/vue-renderless/drawer/vue';
2
2
  import { defineComponent, props, setup } from '@opentinyvue/vue-common';
3
3
  import { IconClose } from '@opentinyvue/vue-icon';
4
4
  import Button from '@opentinyvue/vue-button';
5
+ import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, vShow } from 'vue';
5
6
 
6
- function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
7
- var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
8
- if (render) {
9
- options.render = render;
10
- options.staticRenderFns = staticRenderFns;
11
- options._compiled = true;
7
+ function _createForOfIteratorHelperLoose(r, e) {
8
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
9
+ if (t) return (t = t.call(r)).next.bind(t);
10
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
11
+ t && (r = t);
12
+ var o = 0;
13
+ return function() {
14
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
15
+ };
12
16
  }
13
- var hook;
14
- if (injectStyles) {
15
- hook = injectStyles;
16
- }
17
- if (hook) {
18
- if (options.functional) {
19
- options._injectStyles = hook;
20
- var originalRender = options.render;
21
- options.render = function renderWithStyleInjection(h, context) {
22
- hook.call(context);
23
- return originalRender(h, context);
24
- };
25
- } else {
26
- var existing = options.beforeCreate;
27
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
28
- }
17
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
18
+ }
19
+ function _unsupportedIterableToArray(r, a) {
20
+ if (r) {
21
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
22
+ var t = {}.toString.call(r).slice(8, -1);
23
+ 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;
29
24
  }
30
- return {
31
- exports: scriptExports,
32
- options
33
- };
34
25
  }
26
+ function _arrayLikeToArray(r, a) {
27
+ (null == a || a > r.length) && (a = r.length);
28
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
29
+ return n;
30
+ }
31
+ var _export_sfc = function _export_sfc2(sfc, props) {
32
+ var target = sfc.__vccOpts || sfc;
33
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
34
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
35
+ target[key] = val;
36
+ }
37
+ return target;
38
+ };
35
39
 
36
- var __vue2_script = defineComponent({
40
+ var _sfc_main = defineComponent({
37
41
  components: {
38
42
  TinyButton: Button,
39
43
  IconClose: IconClose()
@@ -49,141 +53,178 @@ var __vue2_script = defineComponent({
49
53
  });
50
54
  }
51
55
  });
52
- var render = function render2() {
53
- var _vm = this;
54
- var _h = _vm.$createElement;
55
- var _c = _vm._self._c || _h;
56
- return _c("div", {
57
- directives: [{
58
- name: "show",
59
- rawName: "v-show",
60
- value: _vm.visible,
61
- expression: "visible"
62
- }],
63
- staticClass: "text-sm",
64
- attrs: {
65
- "data-tag": "tiny-drawer"
66
- }
67
- }, [_vm.mask ? _c("div", {
68
- ref: "mask",
69
- class: _vm.m("fixed z-50 left-0 right-0 top-0 bottom-0 w-full h-full transition ease-linear duration-200", {
70
- "bg-color-bg-7": _vm.state.visible
71
- }),
72
- on: {
73
- "click": function click($event) {
74
- return _vm.handleClose("mask");
75
- }
76
- }
77
- }) : _vm._e(), _c("div", {
78
- ref: "drawerBox",
79
- class: _vm.m("fixed w-full max-w-full flex flex-col bg-color-bg-1 z-50 shadow-sm border-color-border-separator", {
80
- "transition-all ease-linear duration-200": !_vm.state.dragEvent.isDrag
81
- }, {
82
- "h-full": ["left", "right"].includes(_vm.placement)
83
- }, {
84
- "max-h-full": ["top", "bottom"].includes(_vm.placement)
85
- }, {
86
- "left-0 bottom-0 translate-y-full border-t-0.5 rounded-t-lg": _vm.placement === "bottom"
87
- }, {
88
- "left-0 top-0 -translate-y-full border-b-0.5 rounded-b-lg": _vm.placement === "top"
89
- }, {
90
- "translate-y-0": ["top", "bottom"].includes(_vm.placement) && _vm.state.visible
91
- }, {
92
- "left-0 top-0 -translate-x-full border-r-0.5 rounded-r-lg": _vm.placement === "left"
93
- }, {
94
- "right-0 top-0 translate-x-full border-l-0.5 rounded-l-lg": _vm.placement === "right"
95
- }, {
96
- "translate-x-0": ["left", "right"].includes(_vm.placement) && _vm.state.visible
97
- }, _vm.customClass),
98
- style: {
99
- width: ["left", "right"].includes(_vm.placement) ? _vm.state.computedWidth : null,
100
- height: ["top", "bottom"].includes(_vm.placement) && _vm.dragable && _vm.state.height ? _vm.state.height + "px" : null
101
- },
102
- attrs: {
103
- "data-tag": "tiny-drawer-main"
104
- }
105
- }, [_vm.dragable ? _c("div", {
106
- ref: "dragBar",
107
- class: ["absolute", ["left", "right"].includes(_vm.placement) && "cursor-e-resize h-full top-0 w-2", ["top", "bottom"].includes(_vm.placement) && "cursor-n-resize w-full h-2 left-0", _vm.placement === "left" && "-right-1", _vm.placement === "right" && "-left-1", _vm.placement === "top" && "-bottom-1", _vm.placement === "bottom" && "-top-1"],
108
- attrs: {
109
- "data-tag": "drawer-drag-bar"
110
- }
111
- }) : _vm._e(), _c("div", {
112
- class: ["flex-auto flex-col flex max-h-full overflow-hidden"]
113
- }, [_vm.showHeader ? _c("div", {
114
- ref: "header",
115
- staticClass: "flex-none flex leading-6 p-4 text-base items-center",
116
- attrs: {
117
- "data-tag": "drawer-header"
118
- }
119
- }, [_vm._t("header", function() {
120
- return [_vm.title ? _c("div", {
121
- staticClass: "max-w-[80%] pr-4 text-left truncate text-color-text-primary"
122
- }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _c("div", {
123
- staticClass: "flex-1 flex items-center justify-end"
124
- }, [_vm._t("header-right", function() {
125
- return [_c("IconClose", {
126
- staticClass: "fill-color-icon-primary",
127
- attrs: {
128
- "custom-class": "h-5 w-5 cursor-pointer"
129
- },
130
- on: {
131
- "click": function click($event) {
132
- return _vm.handleClose("close");
133
- }
134
- }
135
- })];
136
- })], 2)];
137
- })], 2) : _vm._e(), _c("div", {
138
- ref: "body",
139
- class: ["flex-auto overflow-auto", {
140
- "flex flex-col": _vm.flex
141
- }],
142
- attrs: {
143
- "data-tag": "drawer-body"
144
- }
145
- }, [_vm._t("default")], 2), _vm.showFooter ? _c("div", {
146
- ref: "footer",
147
- staticClass: "px-4 py-3",
148
- attrs: {
149
- "data-tag": "drawer-footer"
150
- }
151
- }, [_c("div", {
152
- staticClass: "flex-1 text-right"
153
- }, [_vm._t("footer", function() {
154
- return [_c("tiny-button", {
155
- attrs: {
156
- "tiny_mode": "mobile-first"
56
+ var _hoisted_1 = {
57
+ "data-tag": "tiny-drawer",
58
+ class: "text-sm"
59
+ };
60
+ var _hoisted_2 = {
61
+ class: /* @__PURE__ */ normalizeClass(["flex-auto flex-col flex max-h-full overflow-hidden"])
62
+ };
63
+ var _hoisted_3 = {
64
+ key: 0,
65
+ "data-tag": "drawer-header",
66
+ ref: "header",
67
+ class: "flex-none flex leading-6 p-4 text-base items-center"
68
+ };
69
+ var _hoisted_4 = {
70
+ key: 0,
71
+ class: "max-w-[80%] pr-4 text-left truncate text-color-text-primary"
72
+ };
73
+ var _hoisted_5 = {
74
+ class: "flex-1 flex items-center justify-end"
75
+ };
76
+ var _hoisted_6 = {
77
+ key: 1,
78
+ "data-tag": "drawer-footer",
79
+ ref: "footer",
80
+ class: "px-4 py-3"
81
+ };
82
+ var _hoisted_7 = {
83
+ class: "flex-1 text-right"
84
+ };
85
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
86
+ var _component_IconClose = resolveComponent("IconClose");
87
+ var _component_tiny_button = resolveComponent("tiny-button");
88
+ return withDirectives((openBlock(), createElementBlock(
89
+ "div",
90
+ _hoisted_1,
91
+ [_ctx.mask ? (openBlock(), createElementBlock(
92
+ "div",
93
+ {
94
+ key: 0,
95
+ ref: "mask",
96
+ class: normalizeClass(_ctx.m("fixed z-50 left-0 right-0 top-0 bottom-0 w-full h-full transition ease-linear duration-200", {
97
+ "bg-color-bg-7": _ctx.state.visible
98
+ })),
99
+ onClick: _cache[0] || (_cache[0] = function($event) {
100
+ return _ctx.handleClose("mask");
101
+ })
157
102
  },
158
- on: {
159
- "click": function click($event) {
160
- return _vm.handleClose("cancel");
161
- }
162
- }
163
- }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))]), _c("tiny-button", {
164
- staticClass: "ml-2",
165
- attrs: {
166
- "tiny_mode": "mobile-first",
167
- "type": "primary"
103
+ null,
104
+ 2
105
+ /* CLASS */
106
+ )) : createCommentVNode("v-if", true), createElementVNode(
107
+ "div",
108
+ {
109
+ "data-tag": "tiny-drawer-main",
110
+ ref: "drawerBox",
111
+ class: normalizeClass(_ctx.m("fixed w-full max-w-full flex flex-col bg-color-bg-1 z-50 shadow-sm border-color-border-separator", {
112
+ "transition-all ease-linear duration-200": !_ctx.state.dragEvent.isDrag
113
+ }, {
114
+ "h-full": ["left", "right"].includes(_ctx.placement)
115
+ }, {
116
+ "max-h-full": ["top", "bottom"].includes(_ctx.placement)
117
+ }, {
118
+ "left-0 bottom-0 translate-y-full border-t-0.5 rounded-t-lg": _ctx.placement === "bottom"
119
+ }, {
120
+ "left-0 top-0 -translate-y-full border-b-0.5 rounded-b-lg": _ctx.placement === "top"
121
+ }, {
122
+ "translate-y-0": ["top", "bottom"].includes(_ctx.placement) && _ctx.state.visible
123
+ }, {
124
+ "left-0 top-0 -translate-x-full border-r-0.5 rounded-r-lg": _ctx.placement === "left"
125
+ }, {
126
+ "right-0 top-0 translate-x-full border-l-0.5 rounded-l-lg": _ctx.placement === "right"
127
+ }, {
128
+ "translate-x-0": ["left", "right"].includes(_ctx.placement) && _ctx.state.visible
129
+ }, _ctx.customClass)),
130
+ style: normalizeStyle({
131
+ width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null,
132
+ height: ["top", "bottom"].includes(_ctx.placement) && _ctx.dragable && _ctx.state.height ? _ctx.state.height + "px" : null
133
+ })
168
134
  },
169
- on: {
170
- "click": function click($event) {
171
- return _vm.handleClose("confirm");
172
- }
173
- }
174
- }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))])];
175
- })], 2)]) : _vm._e()])])]);
176
- };
177
- var staticRenderFns = [];
178
- var __cssModules = {};
179
- var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
180
- function __vue2_injectStyles(context) {
181
- for (var o in __cssModules) {
182
- this[o] = __cssModules[o];
183
- }
135
+ [_ctx.dragable ? (openBlock(), createElementBlock(
136
+ "div",
137
+ {
138
+ key: 0,
139
+ "data-tag": "drawer-drag-bar",
140
+ ref: "dragBar",
141
+ class: normalizeClass(["absolute", ["left", "right"].includes(_ctx.placement) && "cursor-e-resize h-full top-0 w-2", ["top", "bottom"].includes(_ctx.placement) && "cursor-n-resize w-full h-2 left-0", _ctx.placement === "left" && "-right-1", _ctx.placement === "right" && "-left-1", _ctx.placement === "top" && "-bottom-1", _ctx.placement === "bottom" && "-top-1"])
142
+ },
143
+ null,
144
+ 2
145
+ /* CLASS */
146
+ )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [_ctx.showHeader ? (openBlock(), createElementBlock(
147
+ "div",
148
+ _hoisted_3,
149
+ [renderSlot(_ctx.$slots, "header", {}, function() {
150
+ return [_ctx.title ? (openBlock(), createElementBlock(
151
+ "div",
152
+ _hoisted_4,
153
+ toDisplayString(_ctx.title),
154
+ 1
155
+ /* TEXT */
156
+ )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "header-right", {}, function() {
157
+ return [createVNode(_component_IconClose, {
158
+ "custom-class": "h-5 w-5 cursor-pointer",
159
+ class: "fill-color-icon-primary",
160
+ onClick: _cache[1] || (_cache[1] = function($event) {
161
+ return _ctx.handleClose("close");
162
+ })
163
+ })];
164
+ })])];
165
+ })],
166
+ 512
167
+ /* NEED_PATCH */
168
+ )) : createCommentVNode("v-if", true), createElementVNode(
169
+ "div",
170
+ {
171
+ "data-tag": "drawer-body",
172
+ ref: "body",
173
+ class: normalizeClass(["flex-auto overflow-auto", {
174
+ "flex flex-col": _ctx.flex
175
+ }])
176
+ },
177
+ [renderSlot(_ctx.$slots, "default")],
178
+ 2
179
+ /* CLASS */
180
+ ), _ctx.showFooter ? (openBlock(), createElementBlock(
181
+ "div",
182
+ _hoisted_6,
183
+ [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer", {}, function() {
184
+ return [createVNode(_component_tiny_button, {
185
+ tiny_mode: "mobile-first",
186
+ onClick: _cache[2] || (_cache[2] = function($event) {
187
+ return _ctx.handleClose("cancel");
188
+ })
189
+ }, {
190
+ default: withCtx(function() {
191
+ return [createTextVNode(
192
+ toDisplayString(_ctx.t("ui.button.cancel")),
193
+ 1
194
+ /* TEXT */
195
+ )];
196
+ }),
197
+ _: 1
198
+ /* STABLE */
199
+ }), createVNode(_component_tiny_button, {
200
+ tiny_mode: "mobile-first",
201
+ class: "ml-2",
202
+ type: "primary",
203
+ onClick: _cache[3] || (_cache[3] = function($event) {
204
+ return _ctx.handleClose("confirm");
205
+ })
206
+ }, {
207
+ default: withCtx(function() {
208
+ return [createTextVNode(
209
+ toDisplayString(_ctx.t("ui.button.confirm")),
210
+ 1
211
+ /* TEXT */
212
+ )];
213
+ }),
214
+ _: 1
215
+ /* STABLE */
216
+ })];
217
+ })])],
218
+ 512
219
+ /* NEED_PATCH */
220
+ )) : createCommentVNode("v-if", true)])],
221
+ 6
222
+ /* CLASS, STYLE */
223
+ )],
224
+ 512
225
+ /* NEED_PATCH */
226
+ )), [[vShow, _ctx.visible]]);
184
227
  }
185
- var mobileFirst = /* @__PURE__ */ function() {
186
- return __component__.exports;
187
- }();
228
+ var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
188
229
 
189
230
  export { mobileFirst as default };
package/lib/pc.js CHANGED
@@ -4,38 +4,42 @@ import '@opentinyvue/vue-theme/drawer/index.css';
4
4
  import { iconClose, iconHelpCircle } from '@opentinyvue/vue-icon';
5
5
  import Button from '@opentinyvue/vue-button';
6
6
  import Tooltip from '@opentinyvue/vue-tooltip';
7
+ import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, normalizeClass, renderSlot, createBlock, toDisplayString, normalizeProps, mergeProps, Fragment, createTextVNode, vShow } from 'vue';
7
8
 
8
- function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
9
- var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
10
- if (render) {
11
- options.render = render;
12
- options.staticRenderFns = staticRenderFns;
13
- options._compiled = true;
9
+ function _createForOfIteratorHelperLoose(r, e) {
10
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
11
+ if (t) return (t = t.call(r)).next.bind(t);
12
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
13
+ t && (r = t);
14
+ var o = 0;
15
+ return function() {
16
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
17
+ };
14
18
  }
15
- var hook;
16
- if (injectStyles) {
17
- hook = injectStyles;
18
- }
19
- if (hook) {
20
- if (options.functional) {
21
- options._injectStyles = hook;
22
- var originalRender = options.render;
23
- options.render = function renderWithStyleInjection(h, context) {
24
- hook.call(context);
25
- return originalRender(h, context);
26
- };
27
- } else {
28
- var existing = options.beforeCreate;
29
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
30
- }
19
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
20
+ }
21
+ function _unsupportedIterableToArray(r, a) {
22
+ if (r) {
23
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
24
+ var t = {}.toString.call(r).slice(8, -1);
25
+ 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;
31
26
  }
32
- return {
33
- exports: scriptExports,
34
- options
35
- };
36
27
  }
28
+ function _arrayLikeToArray(r, a) {
29
+ (null == a || a > r.length) && (a = r.length);
30
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
31
+ return n;
32
+ }
33
+ var _export_sfc = function _export_sfc2(sfc, props) {
34
+ var target = sfc.__vccOpts || sfc;
35
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
36
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
37
+ target[key] = val;
38
+ }
39
+ return target;
40
+ };
37
41
 
38
- var __vue2_script = defineComponent({
42
+ var _sfc_main = defineComponent({
39
43
  components: {
40
44
  TinyButton: Button,
41
45
  TinyTooltip: Tooltip,
@@ -65,169 +69,232 @@ var __vue2_script = defineComponent({
65
69
  });
66
70
  }
67
71
  });
68
- var render2 = function render3() {
69
- var _vm = this;
70
- var _h = _vm.$createElement;
71
- var _c = _vm._self._c || _h;
72
- return _c("div", {
73
- staticClass: "tiny-drawer",
74
- attrs: {
75
- "data-tag": "tiny-drawer"
76
- }
77
- }, [_c("transition", {
78
- attrs: {
79
- "name": "drawer-fade"
80
- }
81
- }, [_vm.mask && _vm.state.visible ? _c("div", {
82
- ref: "mask",
83
- staticClass: "tiny-drawer__mask show-bg-color",
84
- style: {
85
- zIndex: _vm.zIndex
86
- },
87
- on: {
88
- "click": function click($event) {
89
- return _vm.handleClose("mask");
90
- }
91
- }
92
- }) : _vm._e()]), _c("transition", {
93
- attrs: {
94
- "name": "drawer-slide-" + _vm.placement
95
- }
96
- }, [_c("div", {
97
- directives: [{
98
- name: "show",
99
- rawName: "v-show",
100
- value: _vm.state.visible,
101
- expression: "state.visible"
102
- }],
103
- ref: "drawerBox",
104
- class: ["tiny-drawer__main", {
105
- "is-left": _vm.placement === "left",
106
- "is-right": _vm.placement === "right",
107
- "is-top": _vm.placement === "top",
108
- "is-bottom": _vm.placement === "bottom",
109
- "drag-effects": !_vm.state.dragEvent.isDrag,
110
- "toggle": _vm.state.visible
111
- }, "tiny-drawer-main", _vm.customClass],
112
- style: {
113
- width: ["left", "right"].includes(_vm.placement) ? _vm.state.computedWidth : null,
114
- height: ["top", "bottom", "left", "right"].includes(_vm.placement) || _vm.dragable ? _vm.state.computedHeight : null,
115
- zIndex: _vm.zIndex
116
- },
117
- attrs: {
118
- "data-tag": "tiny-drawer-main"
119
- }
120
- }, [_vm.dragable ? _c("div", {
121
- ref: "dragBar",
122
- class: ["tiny-drawer__drag-bar", ["left", "right"].includes(_vm.placement) && "p-left-Right", ["top", "bottom"].includes(_vm.placement) && "p-top-Bottom", _vm.placement === "left" && "p-left", _vm.placement === "right" && "p-right", _vm.placement === "top" && "p-top", _vm.placement === "bottom" && "p-bottom"],
123
- attrs: {
124
- "data-tag": "drawer-drag-bar"
125
- }
126
- }) : _vm._e(), _c("div", {
127
- staticClass: "tiny-drawer__box"
128
- }, [_vm.showHeader ? _c("div", {
129
- ref: "header",
130
- staticClass: "tiny-drawer__header-wrapper",
131
- attrs: {
132
- "data-tag": "drawer-header"
133
- }
134
- }, [_vm._t("header", function() {
135
- var _vm$customSlots;
136
- return [(_vm$customSlots = _vm.customSlots) !== null && _vm$customSlots !== void 0 && _vm$customSlots.header ? _c("slot-wrapper", {
137
- attrs: {
138
- "node": _vm.customSlots.header
139
- }
140
- }) : _c("div", {
141
- staticClass: "tiny-drawer__header"
142
- }, [_c("div", {
143
- staticClass: "tiny-drawer__header-left"
144
- }, [_vm.title ? _c("div", {
145
- staticClass: "tiny-drawer__title"
146
- }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _vm.tipsProps ? _c("tiny-tooltip", _vm._b({}, "tiny-tooltip", _vm.tipsProps, false), [_c("icon-help-circle", {
147
- staticClass: "tiny-drawer__help-icon"
148
- })], 1) : _vm._e()], 1), _c("div", {
149
- staticClass: "tiny-drawer__header-right"
150
- }, [_vm._t("header-right", function() {
151
- var _vm$customSlots2;
152
- return [(_vm$customSlots2 = _vm.customSlots) !== null && _vm$customSlots2 !== void 0 && _vm$customSlots2.headerRight ? _c("slot-wrapper", {
153
- attrs: {
154
- "node": _vm.customSlots.headerRight
155
- }
156
- }) : _vm._e()];
157
- })], 2)])];
158
- }), _vm.showClose ? _c("button", {
159
- staticClass: "tiny-drawer__headerbtn",
160
- attrs: {
161
- "type": "button",
162
- "aria-label": "Close"
163
- },
164
- on: {
165
- "click": function click($event) {
166
- return _vm.handleClose("close");
167
- }
168
- }
169
- }, [_c("icon-close", {
170
- staticClass: "tiny-svg-size tiny-drawer__close"
171
- })], 1) : _vm._e()], 2) : _vm._e(), _c("div", {
172
- ref: "body",
173
- class: ["tiny-drawer__body", {
174
- "flex flex-col": _vm.flex
175
- }, "drawer-body"],
176
- attrs: {
177
- "data-tag": "drawer-body"
178
- }
179
- }, [_vm._t("default", function() {
180
- var _vm$customSlots3;
181
- return [_c("slot-wrapper", {
182
- attrs: {
183
- "node": (_vm$customSlots3 = _vm.customSlots) === null || _vm$customSlots3 === void 0 ? void 0 : _vm$customSlots3.default
184
- }
185
- })];
186
- })], 2), _vm.showFooter ? _c("div", {
187
- ref: "footer",
188
- staticClass: "tiny-drawer__footer",
189
- attrs: {
190
- "data-tag": "drawer-footer"
191
- }
192
- }, [_vm._t("footer", function() {
193
- var _vm$customSlots4;
194
- return [(_vm$customSlots4 = _vm.customSlots) !== null && _vm$customSlots4 !== void 0 && _vm$customSlots4.footer ? _c("slot-wrapper", {
195
- attrs: {
196
- "node": _vm.customSlots.footer
197
- }
198
- }) : [_c("tiny-button", {
199
- staticClass: "tiny-drawer__cancel-btn",
200
- attrs: {
201
- "plain": ""
202
- },
203
- on: {
204
- "click": function click($event) {
205
- return _vm.handleClose("cancel");
206
- }
207
- }
208
- }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))]), _c("tiny-button", {
209
- staticClass: "tiny-drawer__confirm-btn",
210
- attrs: {
211
- "type": "primary"
212
- },
213
- on: {
214
- "click": function click($event) {
215
- return _vm.handleClose("confirm");
216
- }
217
- }
218
- }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))])]];
219
- })], 2) : _vm._e()])])])], 1);
72
+ var _hoisted_1 = {
73
+ "data-tag": "tiny-drawer",
74
+ class: "tiny-drawer"
220
75
  };
221
- var staticRenderFns = [];
222
- var __cssModules = {};
223
- var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render2, staticRenderFns, false, __vue2_injectStyles);
224
- function __vue2_injectStyles(context) {
225
- for (var o in __cssModules) {
226
- this[o] = __cssModules[o];
227
- }
76
+ var _hoisted_2 = {
77
+ class: "tiny-drawer__box"
78
+ };
79
+ var _hoisted_3 = {
80
+ key: 0,
81
+ "data-tag": "drawer-header",
82
+ ref: "header",
83
+ class: "tiny-drawer__header-wrapper"
84
+ };
85
+ var _hoisted_4 = {
86
+ key: 1,
87
+ class: "tiny-drawer__header"
88
+ };
89
+ var _hoisted_5 = {
90
+ class: "tiny-drawer__header-left"
91
+ };
92
+ var _hoisted_6 = {
93
+ key: 0,
94
+ class: "tiny-drawer__title"
95
+ };
96
+ var _hoisted_7 = {
97
+ class: "tiny-drawer__header-right"
98
+ };
99
+ var _hoisted_8 = {
100
+ key: 1,
101
+ "data-tag": "drawer-footer",
102
+ ref: "footer",
103
+ class: "tiny-drawer__footer"
104
+ };
105
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
106
+ var _component_slot_wrapper = resolveComponent("slot-wrapper");
107
+ var _component_icon_help_circle = resolveComponent("icon-help-circle");
108
+ var _component_tiny_tooltip = resolveComponent("tiny-tooltip");
109
+ var _component_icon_close = resolveComponent("icon-close");
110
+ var _component_tiny_button = resolveComponent("tiny-button");
111
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Transition, {
112
+ name: "drawer-fade"
113
+ }, {
114
+ default: withCtx(function() {
115
+ return [_ctx.mask && _ctx.state.visible ? (openBlock(), createElementBlock(
116
+ "div",
117
+ {
118
+ key: 0,
119
+ ref: "mask",
120
+ class: "tiny-drawer__mask show-bg-color",
121
+ style: normalizeStyle({
122
+ zIndex: _ctx.zIndex
123
+ }),
124
+ onClick: _cache[0] || (_cache[0] = function($event) {
125
+ return _ctx.handleClose("mask");
126
+ })
127
+ },
128
+ null,
129
+ 4
130
+ /* STYLE */
131
+ )) : createCommentVNode("v-if", true)];
132
+ }),
133
+ _: 1
134
+ /* STABLE */
135
+ }), createVNode(Transition, {
136
+ name: "drawer-slide-" + _ctx.placement,
137
+ persisted: ""
138
+ }, {
139
+ default: withCtx(function() {
140
+ return [withDirectives(createElementVNode(
141
+ "div",
142
+ {
143
+ "data-tag": "tiny-drawer-main",
144
+ ref: "drawerBox",
145
+ class: normalizeClass(["tiny-drawer__main", {
146
+ "is-left": _ctx.placement === "left",
147
+ "is-right": _ctx.placement === "right",
148
+ "is-top": _ctx.placement === "top",
149
+ "is-bottom": _ctx.placement === "bottom",
150
+ "drag-effects": !_ctx.state.dragEvent.isDrag,
151
+ "toggle": _ctx.state.visible
152
+ }, "tiny-drawer-main", _ctx.customClass]),
153
+ style: normalizeStyle({
154
+ width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null,
155
+ height: ["top", "bottom", "left", "right"].includes(_ctx.placement) || _ctx.dragable ? _ctx.state.computedHeight : null,
156
+ zIndex: _ctx.zIndex
157
+ })
158
+ },
159
+ [_ctx.dragable ? (openBlock(), createElementBlock(
160
+ "div",
161
+ {
162
+ key: 0,
163
+ "data-tag": "drawer-drag-bar",
164
+ ref: "dragBar",
165
+ class: normalizeClass(["tiny-drawer__drag-bar", ["left", "right"].includes(_ctx.placement) && "p-left-Right", ["top", "bottom"].includes(_ctx.placement) && "p-top-Bottom", _ctx.placement === "left" && "p-left", _ctx.placement === "right" && "p-right", _ctx.placement === "top" && "p-top", _ctx.placement === "bottom" && "p-bottom"])
166
+ },
167
+ null,
168
+ 2
169
+ /* CLASS */
170
+ )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [_ctx.showHeader ? (openBlock(), createElementBlock(
171
+ "div",
172
+ _hoisted_3,
173
+ [renderSlot(_ctx.$slots, "header", {}, function() {
174
+ var _ctx$customSlots;
175
+ return [(_ctx$customSlots = _ctx.customSlots) != null && _ctx$customSlots.header ? (openBlock(), createBlock(_component_slot_wrapper, {
176
+ key: 0,
177
+ node: _ctx.customSlots.header
178
+ }, null, 8, ["node"])) : (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.title ? (openBlock(), createElementBlock(
179
+ "div",
180
+ _hoisted_6,
181
+ toDisplayString(_ctx.title),
182
+ 1
183
+ /* TEXT */
184
+ )) : createCommentVNode("v-if", true), _ctx.tipsProps ? (openBlock(), createBlock(
185
+ _component_tiny_tooltip,
186
+ normalizeProps(mergeProps({
187
+ key: 1
188
+ }, _ctx.tipsProps)),
189
+ {
190
+ default: withCtx(function() {
191
+ return [createVNode(_component_icon_help_circle, {
192
+ class: "tiny-drawer__help-icon"
193
+ })];
194
+ }),
195
+ _: 1
196
+ /* STABLE */
197
+ },
198
+ 16
199
+ /* FULL_PROPS */
200
+ )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right", {}, function() {
201
+ var _ctx$customSlots2;
202
+ return [(_ctx$customSlots2 = _ctx.customSlots) != null && _ctx$customSlots2.headerRight ? (openBlock(), createBlock(_component_slot_wrapper, {
203
+ key: 0,
204
+ node: _ctx.customSlots.headerRight
205
+ }, null, 8, ["node"])) : createCommentVNode("v-if", true)];
206
+ })])]))];
207
+ }), _ctx.showClose ? (openBlock(), createElementBlock("button", {
208
+ key: 0,
209
+ type: "button",
210
+ class: "tiny-drawer__headerbtn",
211
+ "aria-label": "Close",
212
+ onClick: _cache[1] || (_cache[1] = function($event) {
213
+ return _ctx.handleClose("close");
214
+ })
215
+ }, [createVNode(_component_icon_close, {
216
+ class: "tiny-svg-size tiny-drawer__close"
217
+ })])) : createCommentVNode("v-if", true)],
218
+ 512
219
+ /* NEED_PATCH */
220
+ )) : createCommentVNode("v-if", true), createElementVNode(
221
+ "div",
222
+ {
223
+ "data-tag": "drawer-body",
224
+ ref: "body",
225
+ class: normalizeClass(["tiny-drawer__body", {
226
+ "flex flex-col": _ctx.flex
227
+ }, "drawer-body"])
228
+ },
229
+ [renderSlot(_ctx.$slots, "default", {}, function() {
230
+ var _ctx$customSlots3;
231
+ return [createVNode(_component_slot_wrapper, {
232
+ node: (_ctx$customSlots3 = _ctx.customSlots) == null ? void 0 : _ctx$customSlots3.default
233
+ }, null, 8, ["node"])];
234
+ })],
235
+ 2
236
+ /* CLASS */
237
+ ), _ctx.showFooter ? (openBlock(), createElementBlock(
238
+ "div",
239
+ _hoisted_8,
240
+ [renderSlot(_ctx.$slots, "footer", {}, function() {
241
+ var _ctx$customSlots4;
242
+ return [(_ctx$customSlots4 = _ctx.customSlots) != null && _ctx$customSlots4.footer ? (openBlock(), createBlock(_component_slot_wrapper, {
243
+ key: 0,
244
+ node: _ctx.customSlots.footer
245
+ }, null, 8, ["node"])) : (openBlock(), createElementBlock(
246
+ Fragment,
247
+ {
248
+ key: 1
249
+ },
250
+ [createVNode(_component_tiny_button, {
251
+ plain: "",
252
+ class: "tiny-drawer__cancel-btn",
253
+ onClick: _cache[2] || (_cache[2] = function($event) {
254
+ return _ctx.handleClose("cancel");
255
+ })
256
+ }, {
257
+ default: withCtx(function() {
258
+ return [createTextVNode(
259
+ toDisplayString(_ctx.t("ui.button.cancel")),
260
+ 1
261
+ /* TEXT */
262
+ )];
263
+ }),
264
+ _: 1
265
+ /* STABLE */
266
+ }), createVNode(_component_tiny_button, {
267
+ type: "primary",
268
+ class: "tiny-drawer__confirm-btn",
269
+ onClick: _cache[3] || (_cache[3] = function($event) {
270
+ return _ctx.handleClose("confirm");
271
+ })
272
+ }, {
273
+ default: withCtx(function() {
274
+ return [createTextVNode(
275
+ toDisplayString(_ctx.t("ui.button.confirm")),
276
+ 1
277
+ /* TEXT */
278
+ )];
279
+ }),
280
+ _: 1
281
+ /* STABLE */
282
+ })],
283
+ 64
284
+ /* STABLE_FRAGMENT */
285
+ ))];
286
+ })],
287
+ 512
288
+ /* NEED_PATCH */
289
+ )) : createCommentVNode("v-if", true)])],
290
+ 6
291
+ /* CLASS, STYLE */
292
+ ), [[vShow, _ctx.state.visible]])];
293
+ }),
294
+ _: 3
295
+ /* FORWARDED */
296
+ }, 8, ["name"])]);
228
297
  }
229
- var pc = /* @__PURE__ */ function() {
230
- return __component__.exports;
231
- }();
298
+ var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
232
299
 
233
300
  export { pc as default };
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-drawer",
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",
7
7
  "sideEffects": false,
8
8
  "type": "module",
9
9
  "dependencies": {
10
- "@opentinyvue/vue-button": "~2.21.0",
11
- "@opentinyvue/vue-tooltip": "~2.21.0",
12
- "@opentinyvue/vue-common": "~2.21.0",
10
+ "@opentinyvue/vue-button": "~3.21.0",
11
+ "@opentinyvue/vue-tooltip": "~3.21.0",
12
+ "@opentinyvue/vue-common": "~3.21.0",
13
13
  "@opentinyvue/vue-renderless": "~3.21.0",
14
- "@opentinyvue/vue-icon": "~2.21.0",
14
+ "@opentinyvue/vue-icon": "~3.21.0",
15
15
  "@opentinyvue/vue-theme": "~3.21.0"
16
16
  },
17
17
  "license": "MIT",
package/src/index.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare const drawerProps: {
16
16
  type: BooleanConstructor;
17
17
  default: boolean;
18
18
  };
19
- customClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
19
+ customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
20
20
  placement: {
21
21
  type: StringConstructor;
22
22
  default: string;
@@ -71,5 +71,155 @@ export declare const drawerProps: {
71
71
  tiny_theme: StringConstructor;
72
72
  tiny_chart_theme: ObjectConstructor;
73
73
  };
74
- declare const _default: any;
74
+ declare const _default: import("@vue/runtime-core").DefineComponent<{
75
+ _constants: {
76
+ type: ObjectConstructor;
77
+ default: () => {
78
+ SCROLL_LOCK_CLASS(mode: string): string;
79
+ DEFAULT_WIDTH: string;
80
+ DEFAULT_HEIGHT: string;
81
+ };
82
+ };
83
+ visible: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
87
+ customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
88
+ placement: {
89
+ type: StringConstructor;
90
+ default: string;
91
+ };
92
+ width: {
93
+ type: StringConstructor;
94
+ };
95
+ height: {
96
+ type: StringConstructor;
97
+ };
98
+ title: StringConstructor;
99
+ showClose: {
100
+ type: BooleanConstructor;
101
+ default: boolean;
102
+ };
103
+ showHeader: {
104
+ type: BooleanConstructor;
105
+ default: boolean;
106
+ };
107
+ showFooter: {
108
+ type: BooleanConstructor;
109
+ default: boolean;
110
+ };
111
+ mask: {
112
+ type: BooleanConstructor;
113
+ default: boolean;
114
+ };
115
+ maskClosable: {
116
+ type: BooleanConstructor;
117
+ default: boolean;
118
+ };
119
+ dragable: BooleanConstructor;
120
+ lockScroll: {
121
+ type: BooleanConstructor;
122
+ default: boolean;
123
+ };
124
+ flex: {
125
+ type: BooleanConstructor;
126
+ default: boolean;
127
+ };
128
+ zIndex: {
129
+ type: NumberConstructor;
130
+ default: number;
131
+ };
132
+ beforeClose: FunctionConstructor;
133
+ tipsProps: ObjectConstructor;
134
+ customSlots: ObjectConstructor;
135
+ tiny_mode: StringConstructor;
136
+ tiny_mode_root: BooleanConstructor;
137
+ tiny_template: (ObjectConstructor | FunctionConstructor)[];
138
+ tiny_renderless: FunctionConstructor;
139
+ tiny_theme: StringConstructor;
140
+ tiny_chart_theme: ObjectConstructor;
141
+ }, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
142
+ [key: string]: any;
143
+ }>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
144
+ _constants: {
145
+ type: ObjectConstructor;
146
+ default: () => {
147
+ SCROLL_LOCK_CLASS(mode: string): string;
148
+ DEFAULT_WIDTH: string;
149
+ DEFAULT_HEIGHT: string;
150
+ };
151
+ };
152
+ visible: {
153
+ type: BooleanConstructor;
154
+ default: boolean;
155
+ };
156
+ customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
157
+ placement: {
158
+ type: StringConstructor;
159
+ default: string;
160
+ };
161
+ width: {
162
+ type: StringConstructor;
163
+ };
164
+ height: {
165
+ type: StringConstructor;
166
+ };
167
+ title: StringConstructor;
168
+ showClose: {
169
+ type: BooleanConstructor;
170
+ default: boolean;
171
+ };
172
+ showHeader: {
173
+ type: BooleanConstructor;
174
+ default: boolean;
175
+ };
176
+ showFooter: {
177
+ type: BooleanConstructor;
178
+ default: boolean;
179
+ };
180
+ mask: {
181
+ type: BooleanConstructor;
182
+ default: boolean;
183
+ };
184
+ maskClosable: {
185
+ type: BooleanConstructor;
186
+ default: boolean;
187
+ };
188
+ dragable: BooleanConstructor;
189
+ lockScroll: {
190
+ type: BooleanConstructor;
191
+ default: boolean;
192
+ };
193
+ flex: {
194
+ type: BooleanConstructor;
195
+ default: boolean;
196
+ };
197
+ zIndex: {
198
+ type: NumberConstructor;
199
+ default: number;
200
+ };
201
+ beforeClose: FunctionConstructor;
202
+ tipsProps: ObjectConstructor;
203
+ customSlots: ObjectConstructor;
204
+ tiny_mode: StringConstructor;
205
+ tiny_mode_root: BooleanConstructor;
206
+ tiny_template: (ObjectConstructor | FunctionConstructor)[];
207
+ tiny_renderless: FunctionConstructor;
208
+ tiny_theme: StringConstructor;
209
+ tiny_chart_theme: ObjectConstructor;
210
+ }>>, {
211
+ mask: boolean;
212
+ tiny_mode_root: boolean;
213
+ _constants: Record<string, any>;
214
+ placement: string;
215
+ zIndex: number;
216
+ visible: boolean;
217
+ showClose: boolean;
218
+ showHeader: boolean;
219
+ showFooter: boolean;
220
+ maskClosable: boolean;
221
+ dragable: boolean;
222
+ lockScroll: boolean;
223
+ flex: boolean;
224
+ }, {}>;
75
225
  export default _default;
package/src/mobile-first.vue.d.ts CHANGED
@@ -1,2 +1,79 @@
1
- declare const _default: any;
1
+ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
+ title?: any;
3
+ mask?: any;
4
+ tiny_mode?: any;
5
+ tiny_mode_root?: any;
6
+ tiny_template?: any;
7
+ tiny_renderless?: any;
8
+ _constants?: any;
9
+ tiny_theme?: any;
10
+ tiny_chart_theme?: any;
11
+ width?: any;
12
+ placement?: any;
13
+ visible?: any;
14
+ customClass?: any;
15
+ showHeader?: any;
16
+ showFooter?: any;
17
+ maskClosable?: any;
18
+ dragable?: any;
19
+ lockScroll?: any;
20
+ flex?: any;
21
+ beforeClose?: any;
22
+ }>, {
23
+ t: (this: any, path: any, options?: any) => any;
24
+ vm: any;
25
+ f: (props: any, attrs?: {}) => {};
26
+ a: (attrs: any, filters: any, include: any) => {};
27
+ d: (props: any) => void;
28
+ dp: (props: any) => void;
29
+ gcls: (key: any) => any;
30
+ m: (...cssClasses: any[]) => string;
31
+ }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "update:visible" | "confirm" | "open")[], "close" | "update:visible" | "confirm" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
32
+ title?: any;
33
+ mask?: any;
34
+ tiny_mode?: any;
35
+ tiny_mode_root?: any;
36
+ tiny_template?: any;
37
+ tiny_renderless?: any;
38
+ _constants?: any;
39
+ tiny_theme?: any;
40
+ tiny_chart_theme?: any;
41
+ width?: any;
42
+ placement?: any;
43
+ visible?: any;
44
+ customClass?: any;
45
+ showHeader?: any;
46
+ showFooter?: any;
47
+ maskClosable?: any;
48
+ dragable?: any;
49
+ lockScroll?: any;
50
+ flex?: any;
51
+ beforeClose?: any;
52
+ }>>> & {
53
+ onClose?: ((...args: any[]) => any) | undefined;
54
+ "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
55
+ onConfirm?: ((...args: any[]) => any) | undefined;
56
+ onOpen?: ((...args: any[]) => any) | undefined;
57
+ }, {
58
+ readonly title?: any;
59
+ readonly mask?: any;
60
+ readonly tiny_mode?: any;
61
+ readonly tiny_mode_root?: any;
62
+ readonly tiny_template?: any;
63
+ readonly tiny_renderless?: any;
64
+ readonly _constants?: any;
65
+ readonly tiny_theme?: any;
66
+ readonly tiny_chart_theme?: any;
67
+ readonly width?: any;
68
+ readonly placement?: any;
69
+ readonly visible?: any;
70
+ readonly customClass?: any;
71
+ readonly showHeader?: any;
72
+ readonly showFooter?: any;
73
+ readonly maskClosable?: any;
74
+ readonly dragable?: any;
75
+ readonly lockScroll?: any;
76
+ readonly flex?: any;
77
+ readonly beforeClose?: any;
78
+ }, {}>;
2
79
  export default _default;
package/src/pc.vue.d.ts CHANGED
@@ -1,2 +1,95 @@
1
- declare const _default: any;
1
+ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
+ title?: any;
3
+ mask?: any;
4
+ tiny_mode?: any;
5
+ tiny_mode_root?: any;
6
+ tiny_template?: any;
7
+ tiny_renderless?: any;
8
+ _constants?: any;
9
+ tiny_theme?: any;
10
+ tiny_chart_theme?: any;
11
+ width?: any;
12
+ height?: any;
13
+ placement?: any;
14
+ zIndex?: any;
15
+ visible?: any;
16
+ customClass?: any;
17
+ showClose?: any;
18
+ showHeader?: any;
19
+ showFooter?: any;
20
+ maskClosable?: any;
21
+ dragable?: any;
22
+ lockScroll?: any;
23
+ flex?: any;
24
+ beforeClose?: any;
25
+ tipsProps?: any;
26
+ customSlots?: any;
27
+ }>, {
28
+ t: (this: any, path: any, options?: any) => any;
29
+ vm: any;
30
+ f: (props: any, attrs?: {}) => {};
31
+ a: (attrs: any, filters: any, include: any) => {};
32
+ d: (props: any) => void;
33
+ dp: (props: any) => void;
34
+ gcls: (key: any) => any;
35
+ m: (...cssClasses: any[]) => string;
36
+ }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "drag" | "update:visible" | "confirm" | "open")[], "close" | "drag" | "update:visible" | "confirm" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
37
+ title?: any;
38
+ mask?: any;
39
+ tiny_mode?: any;
40
+ tiny_mode_root?: any;
41
+ tiny_template?: any;
42
+ tiny_renderless?: any;
43
+ _constants?: any;
44
+ tiny_theme?: any;
45
+ tiny_chart_theme?: any;
46
+ width?: any;
47
+ height?: any;
48
+ placement?: any;
49
+ zIndex?: any;
50
+ visible?: any;
51
+ customClass?: any;
52
+ showClose?: any;
53
+ showHeader?: any;
54
+ showFooter?: any;
55
+ maskClosable?: any;
56
+ dragable?: any;
57
+ lockScroll?: any;
58
+ flex?: any;
59
+ beforeClose?: any;
60
+ tipsProps?: any;
61
+ customSlots?: any;
62
+ }>>> & {
63
+ onClose?: ((...args: any[]) => any) | undefined;
64
+ onDrag?: ((...args: any[]) => any) | undefined;
65
+ "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
66
+ onConfirm?: ((...args: any[]) => any) | undefined;
67
+ onOpen?: ((...args: any[]) => any) | undefined;
68
+ }, {
69
+ readonly title?: any;
70
+ readonly mask?: any;
71
+ readonly tiny_mode?: any;
72
+ readonly tiny_mode_root?: any;
73
+ readonly tiny_template?: any;
74
+ readonly tiny_renderless?: any;
75
+ readonly _constants?: any;
76
+ readonly tiny_theme?: any;
77
+ readonly tiny_chart_theme?: any;
78
+ readonly width?: any;
79
+ readonly height?: any;
80
+ readonly placement?: any;
81
+ readonly zIndex?: any;
82
+ readonly visible?: any;
83
+ readonly customClass?: any;
84
+ readonly showClose?: any;
85
+ readonly showHeader?: any;
86
+ readonly showFooter?: any;
87
+ readonly maskClosable?: any;
88
+ readonly dragable?: any;
89
+ readonly lockScroll?: any;
90
+ readonly flex?: any;
91
+ readonly beforeClose?: any;
92
+ readonly tipsProps?: any;
93
+ readonly customSlots?: any;
94
+ }, {}>;
2
95
  export default _default;
package/src/service.d.ts CHANGED
@@ -27,5 +27,5 @@ export declare const defaultConfigs: {
27
27
  beforeClose: null;
28
28
  tipsProps: null;
29
29
  };
30
- declare const _default: (configs?: {}) => import("vue/types/vue").CombinedVueInstance<Record<never, any> & import("vue").default, object, object, object, Record<never, any>>;
30
+ declare const _default: (configs?: {}) => any;
31
31
  export default _default;