Socket
Socket
Sign inDemoInstall

@opentiny/vue-drawer

Package Overview
Dependencies
Maintainers
0
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-drawer - npm Package Compare versions

Comparing version 3.16.0 to 3.17.0

src/service.d.ts

97

lib/index.js
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
return _extends = Object.assign ? Object.assign.bind() : function(n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t)
({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return target;
};
return _extends.apply(this, arguments);
return n;
}, _extends.apply(null, arguments);
}
import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
import { defineComponent, $prefix, $setup, $props, createComponent, appProperties, hooks, setupComponent } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";

@@ -33,3 +29,3 @@ import MobileFirstTemplate from "./mobile-first.js";

"mobile-first": "overflow-hidden",
"pc": "tiny-popup-parent--hidden tiny-dialog-box__scroll-lock"
"pc": "popup-parent--hidden dialog-box__scroll-lock"
};

@@ -94,3 +90,5 @@ return scrollLockClasses[mode] || "";

beforeClose: Function,
tipsProps: Object
tipsProps: Object,
// tiny 新增:用于方法调用组件
customSlots: Object
});

@@ -108,7 +106,66 @@ var Drawer = defineComponent({

});
var version = "3.16.0";
var defaultConfigs = {
customClass: null,
placement: "right",
width: null,
title: "",
showClose: true,
showHeader: true,
showFooter: false,
mask: true,
maskClosable: true,
dragable: false,
lockScroll: true,
flex: false,
zIndex: 2e3,
beforeClose: null,
tipsProps: null
};
var service = function service2(configs) {
var _appProperties$tiny_m;
if (configs === void 0) {
configs = {};
}
var events = {
onOpen: function onOpen(params) {
var _configs$events;
if (typeof ((_configs$events = configs.events) == null ? void 0 : _configs$events.open) === "function") {
configs.events.open(params);
}
},
onClose: function onClose(params) {
var _configs$events2;
if (typeof ((_configs$events2 = configs.events) == null ? void 0 : _configs$events2.close) === "function") {
configs.events.close(params);
}
},
onConfirm: function onConfirm(params) {
var _configs$events3;
if (typeof ((_configs$events3 = configs.events) == null ? void 0 : _configs$events3.confirm) === "function") {
configs.events.confirm(params);
}
}
};
var options = _extends({}, defaultConfigs, configs, events);
var instance = createComponent({
component: Drawer,
propsData: _extends({}, options, {
_constants: $constants,
tiny_mode: configs.tiny_mode || ((_appProperties$tiny_m = appProperties().tiny_mode) == null ? void 0 : _appProperties$tiny_m.value)
}),
el: document.createElement("div")
});
var parent = document.body;
parent.appendChild(instance.$el);
hooks.nextTick(function() {
instance.open();
});
return instance;
};
var version = "3.17.0";
Drawer.model = {
prop: "modelValue",
event: "update:modelValue"
prop: "visible",
event: "update:visible"
};
Drawer.service = service;
Drawer.install = function(Vue) {

@@ -118,4 +175,10 @@ Vue.component(Drawer.name, Drawer);

Drawer.version = version;
setupComponent.TINYDrawer = {
init: function init(root) {
var prefix = root.$apiPrefix || "$";
root[prefix + "drawer"] = service;
}
};
export {
Drawer as default
};

58

lib/mobile-first.js

@@ -7,14 +7,11 @@ import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';

function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)
o = it;
var i = 0;
function _createForOfIteratorHelperLoose(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (t)
return (t = t.call(r)).next.bind(t);
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var o = 0;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
return o >= r.length ? { done: true } : { done: false, value: r[o++] };
};

@@ -24,21 +21,15 @@ }

}
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor)
n = o.constructor.name;
if (n === "Map" || n === "Set")
return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray(o, minLen);
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r)
return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
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;
}
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)
len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++)
arr2[i] = arr[i];
return arr2;
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++)
n[e] = r[e];
return n;
}

@@ -60,2 +51,3 @@ var _export_sfc = function _export_sfc2(sfc, props) {

props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "beforeClose"]),
emits: ["update:visible", "open", "close", "confirm"],
setup: function setup$1(props2, context) {

@@ -110,4 +102,4 @@ return setup({

ref: "mask",
class: normalizeClass(_ctx.m("fixed z-50 left-0 right-0 top-0 bottom-0 w-full h-full transition-opacity ease-linear duration-200", {
"bg-color-bg-7": _ctx.state.toggle
class: normalizeClass(_ctx.m("fixed z-50 left-0 right-0 top-0 bottom-0 w-full h-full transition ease-linear duration-200", {
"bg-color-bg-7": _ctx.state.visible
})),

@@ -137,3 +129,3 @@ onClick: _cache[0] || (_cache[0] = function($event) {

}, {
"translate-y-0": ["top", "bottom"].includes(_ctx.placement) && _ctx.state.toggle
"translate-y-0": ["top", "bottom"].includes(_ctx.placement) && _ctx.state.visible
}, {

@@ -144,3 +136,3 @@ "left-0 top-0 -translate-x-full border-r-0.5 rounded-r-lg": _ctx.placement === "left"

}, {
"translate-x-0": ["left", "right"].includes(_ctx.placement) && _ctx.state.toggle
"translate-x-0": ["left", "right"].includes(_ctx.placement) && _ctx.state.visible
}, _ctx.customClass)),

@@ -147,0 +139,0 @@ style: normalizeStyle({

import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';
import { defineComponent, props, setup } from '@opentiny/vue-common';
import { defineComponent, h, props, setup } from '@opentiny/vue-common';
import '@opentiny/vue-theme/drawer/index.css';

@@ -7,16 +7,13 @@ import { iconClose, iconHelpCircle } from '@opentiny/vue-icon';

import Tooltip from '@opentiny/vue-tooltip';
import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeClass, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, renderSlot, toDisplayString, createBlock, normalizeProps, mergeProps, createTextVNode, vShow } from 'vue';
import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, normalizeClass, renderSlot, createBlock, toDisplayString, normalizeProps, mergeProps, Fragment, createTextVNode, vShow } from 'vue';
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)
o = it;
var i = 0;
function _createForOfIteratorHelperLoose(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (t)
return (t = t.call(r)).next.bind(t);
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var o = 0;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
return o >= r.length ? { done: true } : { done: false, value: r[o++] };
};

@@ -26,21 +23,15 @@ }

}
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor)
n = o.constructor.name;
if (n === "Map" || n === "Set")
return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray(o, minLen);
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r)
return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
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;
}
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)
len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++)
arr2[i] = arr[i];
return arr2;
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++)
n[e] = r[e];
return n;
}

@@ -61,5 +52,18 @@ var _export_sfc = function _export_sfc2(sfc, props) {

IconClose: iconClose(),
IconHelpCircle: iconHelpCircle()
IconHelpCircle: iconHelpCircle(),
// tiny新增: 适配Vue2下, 在模板中渲染VNode
SlotWrapper: {
props: ["node"],
render: function render() {
var node = this.node;
if (typeof node === "function") {
return node(h);
} else {
return node;
}
}
}
},
props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps"]),
props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps", "customSlots"]),
emits: ["update:visible", "open", "close", "confirm"],
setup: function setup$1(props2, context) {

@@ -88,2 +92,3 @@ return setup({

var _hoisted_4 = {
key: 1,
class: "tiny-drawer__header"

@@ -108,2 +113,3 @@ };

function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_slot_wrapper = resolveComponent("slot-wrapper");
var _component_icon_help_circle = resolveComponent("icon-help-circle");

@@ -117,3 +123,3 @@ var _component_tiny_tooltip = resolveComponent("tiny-tooltip");

default: withCtx(function() {
return [_ctx.mask && _ctx.visible ? (openBlock(), createElementBlock(
return [_ctx.mask && _ctx.state.visible ? (openBlock(), createElementBlock(
"div",

@@ -123,5 +129,3 @@ {

ref: "mask",
class: normalizeClass(["tiny-drawer__mask", {
"show-bg-color": _ctx.state.toggle
}]),
class: "tiny-drawer__mask show-bg-color",
style: normalizeStyle({

@@ -135,4 +139,4 @@ zIndex: _ctx.zIndex

null,
6
/* CLASS, STYLE */
4
/* STYLE */
)) : createCommentVNode("v-if", true)];

@@ -158,3 +162,3 @@ }),

"drag-effects": !_ctx.state.dragEvent.isDrag,
"toggle": _ctx.state.toggle
"toggle": _ctx.state.visible
}, "tiny-drawer-main", _ctx.customClass]),

@@ -182,3 +186,7 @@ style: normalizeStyle({

[renderSlot(_ctx.$slots, "header", {}, function() {
return [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.title ? (openBlock(), createElementBlock(
var _ctx$customSlots;
return [(_ctx$customSlots = _ctx.customSlots) != null && _ctx$customSlots.header ? (openBlock(), createBlock(_component_slot_wrapper, {
key: 0,
node: _ctx.customSlots.header
}, null, 8, ["node"])) : (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.title ? (openBlock(), createElementBlock(
"div",

@@ -205,3 +213,9 @@ _hoisted_6,

/* FULL_PROPS */
)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right")])])];
)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right", {}, function() {
var _ctx$customSlots2;
return [(_ctx$customSlots2 = _ctx.customSlots) != null && _ctx$customSlots2.headerRight ? (openBlock(), createBlock(_component_slot_wrapper, {
key: 0,
node: _ctx.customSlots.headerRight
}, null, 8, ["node"])) : createCommentVNode("v-if", true)];
})])]))];
}), _ctx.showClose ? (openBlock(), createElementBlock("button", {

@@ -229,3 +243,7 @@ key: 0,

},
[renderSlot(_ctx.$slots, "default")],
[renderSlot(_ctx.$slots, "default", {}, function() {
return [createVNode(_component_slot_wrapper, {
node: _ctx.customSlots.default
}, null, 8, ["node"])];
})],
2

@@ -237,39 +255,51 @@ /* CLASS */

[renderSlot(_ctx.$slots, "footer", {}, function() {
return [createVNode(_component_tiny_button, {
type: "primary",
class: normalizeClass(["tiny-drawer__confirm-btn", {
reverse: _ctx.state.btnOrderReversed
}]),
onClick: _cache[2] || (_cache[2] = function($event) {
return _ctx.handleClose("confirm");
})
}, {
default: withCtx(function() {
return [createTextVNode(
toDisplayString(_ctx.t("ui.button.confirm")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["class"]), createVNode(_component_tiny_button, {
plain: "",
class: normalizeClass(["tiny-drawer__cancel-btn", {
reverse: _ctx.state.btnOrderReversed
}]),
onClick: _cache[3] || (_cache[3] = function($event) {
return _ctx.handleClose("cancel");
})
}, {
default: withCtx(function() {
return [createTextVNode(
toDisplayString(_ctx.t("ui.button.cancel")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["class"])];
var _ctx$customSlots3;
return [(_ctx$customSlots3 = _ctx.customSlots) != null && _ctx$customSlots3.footer ? (openBlock(), createBlock(_component_slot_wrapper, {
key: 0,
node: _ctx.customSlots.footer
}, null, 8, ["node"])) : (openBlock(), createElementBlock(
Fragment,
{
key: 1
},
[createVNode(_component_tiny_button, {
type: "primary",
class: normalizeClass(["tiny-drawer__confirm-btn", {
reverse: _ctx.state.btnOrderReversed
}]),
onClick: _cache[2] || (_cache[2] = function($event) {
return _ctx.handleClose("confirm");
})
}, {
default: withCtx(function() {
return [createTextVNode(
toDisplayString(_ctx.t("ui.button.confirm")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["class"]), createVNode(_component_tiny_button, {
plain: "",
class: normalizeClass(["tiny-drawer__cancel-btn", {
reverse: _ctx.state.btnOrderReversed
}]),
onClick: _cache[3] || (_cache[3] = function($event) {
return _ctx.handleClose("cancel");
})
}, {
default: withCtx(function() {
return [createTextVNode(
toDisplayString(_ctx.t("ui.button.cancel")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["class"])],
64
/* STABLE_FRAGMENT */
))];
})],

@@ -281,3 +311,3 @@ 512

/* CLASS, STYLE */
), [[vShow, _ctx.visible]])];
), [[vShow, _ctx.state.visible]])];
}),

@@ -284,0 +314,0 @@ _: 3

{
"name": "@opentiny/vue-drawer",
"version": "3.16.0",
"version": "3.17.0",
"description": "",

@@ -10,8 +10,8 @@ "main": "./lib/index.js",

"dependencies": {
"@opentiny/vue-button": "~3.16.0",
"@opentiny/vue-tooltip": "~3.16.0",
"@opentiny/vue-common": "~3.16.0",
"@opentiny/vue-renderless": "~3.16.0",
"@opentiny/vue-icon": "~3.16.0",
"@opentiny/vue-theme": "~3.16.0"
"@opentiny/vue-button": "~3.17.0",
"@opentiny/vue-tooltip": "~3.17.0",
"@opentiny/vue-common": "~3.17.0",
"@opentiny/vue-renderless": "~3.17.0",
"@opentiny/vue-icon": "~3.17.0",
"@opentiny/vue-theme": "~3.17.0"
},

@@ -18,0 +18,0 @@ "license": "MIT",

@@ -0,1 +1,5 @@

export declare const $constants: {
SCROLL_LOCK_CLASS(mode: string): string;
DEFAULT_WIDTH: string;
};
export declare const drawerProps: {

@@ -57,2 +61,3 @@ _constants: {

tipsProps: ObjectConstructor;
customSlots: ObjectConstructor;
tiny_mode: StringConstructor;

@@ -121,2 +126,3 @@ tiny_mode_root: BooleanConstructor;

tipsProps: ObjectConstructor;
customSlots: ObjectConstructor;
tiny_mode: StringConstructor;

@@ -186,2 +192,3 @@ tiny_mode_root: BooleanConstructor;

tipsProps: ObjectConstructor;
customSlots: ObjectConstructor;
tiny_mode: StringConstructor;

@@ -188,0 +195,0 @@ tiny_mode_root: BooleanConstructor;

@@ -30,3 +30,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{

gcls: (key: any) => any;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "confirm" | "update:visible" | "open")[], "close" | "confirm" | "update:visible" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
title?: any;

@@ -52,3 +52,8 @@ tiny_mode?: any;

beforeClose?: any;
}>>>, {
}>>> & {
onClose?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
}, {
readonly title?: any;

@@ -55,0 +60,0 @@ readonly tiny_mode?: any;

@@ -25,2 +25,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{

tipsProps?: any;
customSlots?: any;
}>, {

@@ -34,3 +35,3 @@ t: (this: any, path: any, options?: any) => any;

gcls: (key: any) => any;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "confirm" | "update:visible" | "open")[], "close" | "confirm" | "update:visible" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
title?: any;

@@ -59,3 +60,9 @@ tiny_mode?: any;

tipsProps?: any;
}>>>, {
customSlots?: any;
}>>> & {
onClose?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
}, {
readonly title?: any;

@@ -84,3 +91,4 @@ readonly tiny_mode?: any;

readonly tipsProps?: any;
readonly customSlots?: any;
}, {}>;
export default _default;
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc