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

@opentiny/vue-tag

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-tag - npm Package Compare versions

Comparing version 2.6.7 to 2.7.0

lib/mobile-first.js

20

lib/index.js

@@ -17,8 +17,12 @@ function _extends() {

import PcTemplate from "./pc.js";
import MobileFirstTemplate from "./mobile-first.js";
import "@opentiny/vue-theme/tag/index.css";
var template = function template2(mode) {
if ("mobile" === (process.env.TINY_MODE || mode))
return MobileTemplate;
else
if ("pc" === (process.env.TINY_MODE || mode)) {
return PcTemplate;
}
if ("mobile-first" === (process.env.TINY_MODE || mode)) {
return MobileFirstTemplate;
}
return PcTemplate;
};

@@ -31,5 +35,13 @@ var Tag = defineComponent({

type: String,
theme: String,
size: String,
color: String,
closable: Boolean,
operable: Boolean,
disabled: Boolean,
selectable: Boolean,
customClass: {
type: String,
default: ""
},
effect: {

@@ -52,3 +64,3 @@ type: String,

});
var version = "3.7.0";
var version = "2.7.0";
Tag.install = function(Vue) {

@@ -55,0 +67,0 @@ Vue.component(Tag.name, Tag);

26

lib/pc.js

@@ -58,3 +58,3 @@ import { renderless, api } from "@opentiny/vue-renderless/tag/vue";

var __vue2_script = defineComponent({
var _sfc_main = defineComponent({
components: {

@@ -75,6 +75,5 @@ IconClose: iconClose()

render: function render() {
var h2 = arguments[0];
var type = this.type, size = this.size, hit = this.hit, effect = this.effect, slots = this.slots, closable = this.closable, color = this.color, handleClose = this.handleClose, handleClick = this.handleClick;
var classes = ["tiny-tag", type ? "tiny-tag--" + type : "", size ? "tiny-tag--" + size : "", effect ? "tiny-tag--" + effect : "", hit && "is-hit"];
var tagElement = h2("span", {
var type = this.type, size = this.size, hit = this.hit, effect = this.effect, slots = this.slots, closable = this.closable, color = this.color, handleClose = this.handleClose, handleClick = this.handleClick, disabled = this.disabled;
var classes = ["tiny-tag", type ? "tiny-tag--" + type : "", size ? "tiny-tag--" + size : "", effect ? "tiny-tag--" + effect : "", hit && "is-hit", disabled ? "is-disabled" : ""];
var tagElement = h("span", {
"class": classes,

@@ -87,3 +86,3 @@ "style": {

}
}, [slots.default(), closable && h2("icon-close", {
}, [slots.default(), closable && h("icon-close", {
"class": "tiny-svg-size tiny-tag__close ",

@@ -97,15 +96,8 @@ "on": {

});
var __vue2_render, __vue2_staticRenderFns;
var __cssModules = {};
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles, null, null, null);
function __vue2_injectStyles(context) {
for (var o in __cssModules) {
this[o] = __cssModules[o];
}
}
var pc = /* @__PURE__ */ function() {
return __component__.exports;
}();
var _sfc_render = null;
var _sfc_staticRenderFns = null;
var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
var pc = __component__.exports;
export {
pc as default
};
{
"name": "@opentiny/vue-tag",
"version": "2.6.7",
"version": "2.7.0",
"description": "",
"main": "./lib/index.js",
"module": "./lib/index.js",
"sideEffects": false,
"dependencies": {
"@opentiny/vue-renderless": "~3.6.6",
"@opentiny/vue-common": "~2.6.7",
"@opentiny/vue-icon": "~2.6.7"
"@opentiny/vue-renderless": "~3.9.0",
"@opentiny/vue-common": "~2.7.0",
"@opentiny/vue-icon": "~2.7.0"
},

@@ -11,0 +13,0 @@ "license": "MIT",

@@ -1,8 +0,16 @@

declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
declare const _default: import("@opentiny/vue-common").DefineComponent<{
hit: BooleanConstructor;
text: StringConstructor;
type: StringConstructor;
theme: StringConstructor;
size: StringConstructor;
color: StringConstructor;
closable: BooleanConstructor;
operable: BooleanConstructor;
disabled: BooleanConstructor;
selectable: BooleanConstructor;
customClass: {
type: StringConstructor;
default: string;
};
effect: {

@@ -14,35 +22,45 @@ type: StringConstructor;

beforeDelete: FunctionConstructor;
}, {
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<{
hit: BooleanConstructor;
text: StringConstructor;
type: StringConstructor;
theme: StringConstructor;
size: StringConstructor;
color: StringConstructor;
closable: BooleanConstructor;
operable: BooleanConstructor;
disabled: BooleanConstructor;
selectable: BooleanConstructor;
customClass: {
type: StringConstructor;
default: string;
};
effect: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
beforeDelete: FunctionConstructor;
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}>>, {
customClass: string;
tiny_mode_root: boolean;
closable: boolean;
effect: string;
disabled: boolean;
hit: boolean;
} & {
size?: string | undefined;
type?: string | undefined;
text?: string | undefined;
color?: string | undefined;
beforeDelete?: Function | undefined;
}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
closable: boolean;
operable: boolean;
selectable: boolean;
effect: string;
hit: boolean;
} & {
size?: string | undefined;
type?: string | undefined;
text?: string | undefined;
color?: string | undefined;
beforeDelete?: Function | undefined;
}, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
closable: boolean;
effect: string;
hit: boolean;
} & {
size?: string | undefined;
type?: string | undefined;
text?: string | undefined;
color?: string | undefined;
beforeDelete?: Function | undefined;
}, {
effect: string;
}, true>);
}>;
export default _default;

@@ -1,15 +0,4 @@

declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
t: (this: any, path: any, options?: any) => any;
vm: any;
f: (props: any, attrs?: {}) => {};
a: (attrs: any, filters: any, include: any) => {};
d: (props: any) => void;
dp: (props: any) => void;
}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
[x: string]: any;
}>, {
[x: string]: any;
} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
[x: string]: any;
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
t: (this: any, path: any, options?: any) => any;

@@ -21,7 +10,9 @@ vm: any;

dp: (props: any) => void;
}>, import("@vue/composition-api").Data, {}, {}, {
gcls: (key: any) => any;
m: (...cssClasses: any[]) => string;
}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("close" | "click")[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
[x: string]: any;
} & {}, {
}>>>, {
[x: string]: any;
}, true>);
}>;
export default _sfc_main;
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