@opentiny/vue-popconfirm
Advanced tools
Comparing version 2.8.3 to 2.9.0
@@ -1,2 +0,2 @@ | ||
import Popconfirm from './src/mobile-first.vue'; | ||
import Popconfirm from './src/index'; | ||
export default Popconfirm; |
285
lib/index.js
@@ -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; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
26531
9
825
3
1
+ Added@opentiny/vue-button@2.9.0(transitive)
+ Added@opentiny/vue-common@2.9.0(transitive)
+ Added@opentiny/vue-icon@2.9.1(transitive)
+ Added@opentiny/vue-locale@2.9.0(transitive)
+ Added@opentiny/vue-modal@2.9.0(transitive)
+ Added@opentiny/vue-popover@2.9.0(transitive)
+ Added@opentiny/vue-renderless@3.9.3(transitive)
+ Added@opentiny/vue-theme@3.9.4(transitive)
+ Added@opentiny/vue-theme-mobile@3.9.0(transitive)
- Removed@opentiny/vue-button@2.8.3(transitive)
- Removed@opentiny/vue-common@2.8.3(transitive)
- Removed@opentiny/vue-icon@2.8.3(transitive)
- Removed@opentiny/vue-locale@2.8.3(transitive)
- Removed@opentiny/vue-modal@2.8.3(transitive)
- Removed@opentiny/vue-popover@2.8.3(transitive)
- Removed@opentiny/vue-renderless@3.8.4(transitive)
- Removed@opentiny/vue-theme@3.8.5(transitive)
- Removed@opentiny/vue-theme-mobile@3.8.3(transitive)
Updated@opentiny/vue-button@~2.9.0
Updated@opentiny/vue-common@~2.9.0
Updated@opentiny/vue-icon@~2.9.0
Updated@opentiny/vue-modal@~2.9.0
Updated@opentiny/vue-popover@~2.9.0
Updated@opentiny/vue-theme@~3.9.0