Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@opentiny/vue-popconfirm

Package Overview
Dependencies
Maintainers
1
Versions
36
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-popconfirm - npm Package Compare versions

Comparing version 2.8.3 to 2.9.0

lib/mobile-first.js

2

index.d.ts

@@ -1,2 +0,2 @@

import Popconfirm from './src/mobile-first.vue';
import Popconfirm from './src/index';
export default Popconfirm;

@@ -1,62 +0,34 @@

import { defineComponent, $prefix, setup as _setup } from "@opentiny/vue-common";
import { renderless, api } from "@opentiny/vue-renderless/popconfirm/vue";
import Popover from "@opentiny/vue-popover";
import Modal from "@opentiny/vue-modal";
import Button from "@opentiny/vue-button";
import { IconSuccess, IconInfoSolid, IconWarning, IconError } from "@opentiny/vue-icon";
function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
if (render) {
options.render = render;
options.staticRenderFns = staticRenderFns;
options._compiled = true;
}
if (functionalTemplate) {
options.functional = true;
}
if (scopeId) {
options._scopeId = "data-v-" + scopeId;
}
var hook;
if (moduleIdentifier) {
hook = function hook2(context) {
context = context || // cached call
this.$vnode && this.$vnode.ssrContext || // stateful
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
context = __VUE_SSR_CONTEXT__;
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];
}
}
if (injectStyles) {
injectStyles.call(this, context);
}
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier);
}
};
options._ssrRegister = hook;
} else if (injectStyles) {
hook = shadowMode ? function() {
injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
} : injectStyles;
}
if (hook) {
if (options.functional) {
options._injectStyles = hook;
var originalRender = options.render;
options.render = function renderWithStyleInjection(h, context) {
hook.call(context);
return originalRender(h, context);
};
} else {
var existing = options.beforeCreate;
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
}
}
return {
exports: scriptExports,
options
return target;
};
return _extends.apply(this, arguments);
}
import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";
import MobileFirstTemplate from "./mobile-first.js";
var template = function template2(mode) {
if ("pc" === (process.env.TINY_MODE || mode)) {
return PcTemplate;
}
if ("mobile-first" === (process.env.TINY_MODE || mode)) {
return MobileFirstTemplate;
}
return PcTemplate;
};
var $constants = {
PC_PREFIXCLS: "tiny-popconfim",
MOBILE_PREFIXCLS: "tiny-mobile-popconfim",
Mode: "pc",
prefixcls: function prefixcls(mode) {
return mode === this.Mode ? this.PC_PREFIXCLS : this.MOBILE_PREFIXCLS;
},
ICON_MAP: {

@@ -69,14 +41,5 @@ success: "icon-success",

};
var __vue2_script = defineComponent({
name: $prefix + "Popconfirm",
components: {
TinyPopover: Popover,
TinyModal: Modal,
TinyButton: Button,
IconSuccess: IconSuccess(),
IconInfoSolid: IconInfoSolid(),
IconWarning: IconWarning(),
IconError: IconError()
},
props: {
var Popconfirm = defineComponent({
name: $prefix + "Popconfim",
props: _extends({}, $props, {
_constants: {

@@ -108,191 +71,15 @@ type: Object,

type: [String, Number],
default: ""
default: "350"
},
type: [String, Object]
},
emits: ["hide", "show", "confirm"],
}),
setup: function setup(props, context) {
return _setup({
return $setup({
props,
context,
renderless,
api,
mono: true
template
});
}
});
var render = function render2() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "inline-block",
attrs: {
"data-tag": "tiny-popconfirm"
}
}, [_c("div", {
staticClass: "hidden sm:inline-block"
}, [_c("tiny-popover", {
ref: "popover",
attrs: {
"tiny_mode": "mobile-first",
"placement": _vm.placement,
"trigger": "manual",
"width": _vm.width,
"popper-class": _vm.m("min-w-[10.5rem] max-w-[21.875rem] hidden sm:block", _vm.popperClass)
},
on: {
"show": _vm.show,
"hide": _vm.hide
},
scopedSlots: _vm._u([{
key: "reference",
fn: function fn() {
return [_c("div", {
staticClass: "inline-block",
on: {
"click": function click($event) {
return _vm.show("click");
},
"mouseover": function mouseover($event) {
return _vm.show("hover");
}
}
}, [_vm._t("reference")], 2)];
},
proxy: true
}], null, true),
model: {
value: _vm.state.showPopover,
callback: function callback($$v) {
_vm.$set(_vm.state, "showPopover", $$v);
},
expression: "state.showPopover"
}
}, [_c("div", {
staticClass: "py-1 text-xs text-color-text-primary"
}, [_c("div", {
staticClass: "flex items-center leading-6",
attrs: {
"data-tag": "tiny-popconfirm-header"
}
}, [_vm.type ? _c(_vm.state.getIcon, {
tag: "component",
class: _vm.m("h-6 w-6 mr-2", {
"fill-color-info-secondary": _vm.type === "info"
}, {
"fill-color-error": _vm.type === "error"
}, {
"fill-color-warning": _vm.type === "warning"
}, {
"fill-color-success": _vm.type === "success"
})
}) : _vm._e(), _c("div", {
staticClass: "flex-auto"
}, [_vm._v(_vm._s(_vm.title))])], 1), _c("div", {
staticClass: "text-color-text-secondary leading-6",
attrs: {
"data-tag": "tiny-popconfirm-content"
}
}, [_vm._v(_vm._s(_vm.content))]), _c("div", {
staticClass: "flex mt-4 justify-end"
}, [_vm._t("footer", function() {
return [_vm.cancelButton ? _c("tiny-button", {
staticClass: "mr-2 w-16",
attrs: {
"size": "mini",
"tiny_mode": "mobile-first"
},
on: {
"click": _vm.hide
}
}, [_vm._v(_vm._s(_vm.t("ui.buttonMessage.cancel")))]) : _vm._e(), _c("tiny-button", {
staticClass: "w-16",
attrs: {
"size": "mini",
"tiny_mode": "mobile-first",
"type": "primary"
},
on: {
"click": _vm.confirm
}
}, [_vm._v(_vm._s(_vm.t("ui.buttonMessage.confirm")))])];
})], 2)])])], 1), _c("div", {
staticClass: "sm:hidden inline-block"
}, [_c("div", {
staticClass: "inline-block",
on: {
"click": function click($event) {
return _vm.show("click");
},
"mouseover": function mouseover($event) {
return _vm.show("hover");
}
}
}, [_vm._t("reference")], 2), _c("tiny-modal", {
ref: "modal",
staticClass: "sm:hidden",
attrs: {
"tiny_mode": "mobile-first",
"title": _vm.title,
"show-footer": ""
},
scopedSlots: _vm._u([{
key: "default",
fn: function fn() {
return [_vm._v(" " + _vm._s(_vm.content) + " ")];
},
proxy: true
}, {
key: "footer",
fn: function fn() {
return [_c("div", {
staticClass: "flex text-base justify-center"
}, [_vm._t("footer", function() {
return [_vm.cancelButton ? _c("tiny-button", {
staticClass: "flex-1 text-color-text-secondary",
attrs: {
"tiny_mode": "mobile-first",
"type": "text"
},
on: {
"click": _vm.hide
}
}, [_vm._v(_vm._s(_vm.t("ui.buttonMessage.cancel")))]) : _vm._e(), _vm.cancelButton ? _c("span", {
staticClass: "border-r border-r-color-border-separator"
}) : _vm._e(), _c("tiny-button", {
staticClass: "flex-1 text-color-brand tiny-modal-mf-button",
attrs: {
"tiny_mode": "mobile-first",
"type": "text"
},
on: {
"click": _vm.confirm
}
}, [_vm._v(_vm._s(_vm.t("ui.buttonMessage.confirm")))])];
})], 2)];
},
proxy: true
}], null, true),
model: {
value: _vm.state.showPopover,
callback: function callback($$v) {
_vm.$set(_vm.state, "showPopover", $$v);
},
expression: "state.showPopover"
}
})], 1)]);
};
var staticRenderFns = [];
var __cssModules = {};
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
function __vue2_injectStyles(context) {
for (var o in __cssModules) {
this[o] = __cssModules[o];
}
}
var Popconfirm = /* @__PURE__ */ function() {
return __component__.exports;
}();
var version = "3.7.0";
var version = "2.9.0";
Popconfirm.install = function(Vue) {

@@ -299,0 +86,0 @@ Vue.component(Popconfirm.name, Popconfirm);

{
"name": "@opentiny/vue-popconfirm",
"version": "2.8.3",
"version": "2.9.0",
"description": "",

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

"dependencies": {
"@opentiny/vue-button": "~2.8.3",
"@opentiny/vue-common": "~2.8.3",
"@opentiny/vue-icon": "~2.8.3",
"@opentiny/vue-modal": "~2.8.3",
"@opentiny/vue-popover": "~2.8.3",
"@opentiny/vue-renderless": "~3.8.3",
"@opentiny/vue-theme": "~3.8.3",
"@opentiny/vue-theme-mobile": "~3.8.3"
"@opentiny/vue-button": "~2.9.0",
"@opentiny/vue-common": "~2.9.0",
"@opentiny/vue-icon": "~2.9.0",
"@opentiny/vue-modal": "~2.9.0",
"@opentiny/vue-popover": "~2.9.0",
"@opentiny/vue-renderless": "~3.9.0",
"@opentiny/vue-theme": "~3.9.0",
"@opentiny/vue-theme-mobile": "~3.9.0"
},

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

declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<any> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
_constants: {
type: ObjectConstructor;
default: () => {
ICON_MAP: {
success: string;
error: string;
info: string;
warning: string;
};
};
default: () => any;
};

@@ -13,0 +6,0 @@ content: StringConstructor;

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