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

@opentiny/vue-option

Package Overview
Dependencies
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-option - npm Package Compare versions

Comparing version 3.14.0 to 3.15.0

8

lib/index.js

@@ -15,3 +15,3 @@ function _extends() {

}
import { $prefix, $setup, $props } from "@opentiny/vue-common";
import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";

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

});
var Option = {
var Option = defineComponent({
name: $prefix + "Option",

@@ -70,4 +70,4 @@ componentName: "Option",

}
};
var version = "3.14.0";
});
var version = "3.15.0";
Option.install = function(Vue) {

@@ -74,0 +74,0 @@ Vue.component(Option.name, Option);

@@ -1,10 +0,11 @@

import { renderless, api } from "@opentiny/vue-renderless/option/vue";
import { props, setup as _setup } from "@opentiny/vue-common";
import { iconCheck, iconCheckedSur, iconFinish } from "@opentiny/vue-icon";
import { resolveComponent, withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString, createVNode, vShow } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
import { renderless, api } from '@opentiny/vue-renderless/option/vue';
import { defineComponent, props, setup } from '@opentiny/vue-common';
import { iconCheck, iconCheckedSur, iconFinish } from '@opentiny/vue-icon';
import { resolveComponent, withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString, createVNode, 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_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)

@@ -21,7 +22,7 @@ o = it;

}
function _unsupportedIterableToArray_tiny(o, minLen) {
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);

@@ -33,5 +34,5 @@ if (n === "Object" && o.constructor)

if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray_tiny(arr, len) {
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)

@@ -45,3 +46,3 @@ len = arr.length;

var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];

@@ -53,3 +54,3 @@ target[key] = val;

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

@@ -61,4 +62,4 @@ IconCheck: iconCheck(),

props: [].concat(props, ["value", "label", "created", "disabled", "events", "visible", "highlightClass", "required"]),
setup: function setup(props2, context) {
return _setup({
setup: function setup$1(props2, context) {
return setup({
props: props2,

@@ -70,3 +71,3 @@ context,

}
};
});
var _hoisted_1 = ["data-index"];

@@ -98,7 +99,7 @@ var _hoisted_2 = {

class: normalizeClass(_ctx.m("h-fit flex items-center justify-between rounded text-color-text-primary text-sm sm:text-xs", "min-h-[40px] sm:min-h-[32px] cursor-pointer group sm:hover:bg-color-bg-4 sm:active:bg-color-bg-3 pl-0 pr-3 sm:px-3 my-1 sm:m-1", {
"text-color-brand bg-color-bg-1 sm:bg-color-fill-6": _ctx.state.itemSelected && !$props.disabled,
"text-color-text-disabled cursor-not-allowed [&_svg]:fill-color-icon-disabled [&_svg_path:first-of-type]:fill-color-bg-3": $props.disabled || _ctx.state.groupDisabled || _ctx.state.limitReached,
"text-color-brand bg-color-bg-1 sm:bg-color-fill-6": _ctx.state.itemSelected && !_ctx.disabled,
"text-color-text-disabled cursor-not-allowed [&_svg]:fill-color-icon-disabled [&_svg_path:first-of-type]:fill-color-bg-3": _ctx.disabled || _ctx.state.groupDisabled || _ctx.state.limitReached,
"bg-color-bg-1 sm:bg-color-bg-4": _ctx.state.hover,
"text-color-text-disabled cursor-not-allowed": $props.required
}, $props.highlightClass)),
"text-color-text-disabled cursor-not-allowed": _ctx.required
}, _ctx.highlightClass)),
"data-tag": "tiny-select-dropdown-item"

@@ -109,3 +110,3 @@ }, [_ctx.state.select.multiple ? (openBlock(), createElementBlock("span", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent("icon-" + _ctx.state.selectCls), {

"fill-color-brand": _ctx.state.itemSelected,
"fill-color-brand-disabled": _ctx.state.itemSelected && $props.required
"fill-color-brand-disabled": _ctx.state.itemSelected && _ctx.required
}))

@@ -120,9 +121,8 @@ }, null, 8, ["class"]))])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() {

)];
}), !_ctx.state.select.multiple && _ctx.state.itemSelected && !$props.disabled && !_ctx.state.groupDisabled ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(_component_icon_finish, {
}), !_ctx.state.select.multiple && _ctx.state.itemSelected && !_ctx.disabled && !_ctx.state.groupDisabled ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(_component_icon_finish, {
"custom-class": "w-4 h-4 fill-color-brand"
})])) : createCommentVNode("v-if", true)], 42, _hoisted_1)), [[vShow, $props.visible && _ctx.state.visible]]);
})])) : createCommentVNode("v-if", true)], 42, _hoisted_1)), [[vShow, _ctx.visible && _ctx.state.visible]]);
}
var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
mobileFirst as default
};
export { mobileFirst as default };

@@ -1,12 +0,13 @@

import { renderless, api } from "@opentiny/vue-renderless/option/vue";
import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
import "@opentiny/vue-theme/option/index.css";
import { IconCheck, IconCheckedSur, IconFinish } from "@opentiny/vue-icon";
import Checkbox from "@opentiny/vue-checkbox";
import { resolveComponent, withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode, createBlock, resolveDynamicComponent, createElementVNode, renderSlot, toDisplayString, vShow } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
import { renderless, api } from '@opentiny/vue-renderless/option/vue';
import { defineComponent, $prefix, props, setup } from '@opentiny/vue-common';
import '@opentiny/vue-theme/option/index.css';
import { IconCheck, IconCheckedSur, IconFinish } from '@opentiny/vue-icon';
import Checkbox from '@opentiny/vue-checkbox';
import { resolveComponent, withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode, createBlock, resolveDynamicComponent, createElementVNode, renderSlot, toDisplayString, 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_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)

@@ -23,7 +24,7 @@ o = it;

}
function _unsupportedIterableToArray_tiny(o, minLen) {
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);

@@ -35,5 +36,5 @@ if (n === "Object" && o.constructor)

if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray_tiny(arr, len) {
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)

@@ -47,3 +48,3 @@ len = arr.length;

var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];

@@ -65,4 +66,4 @@ target[key] = val;

props: [].concat(props, ["value", "label", "created", "disabled", "events", "visible", "highlightClass", "required", "icon"]),
setup: function setup(props2, context) {
return _setup({
setup: function setup$1(props2, context) {
return setup({
props: props2,

@@ -123,4 +124,3 @@ context,

var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
pc as default
};
export { pc as default };
{
"name": "@opentiny/vue-option",
"version": "3.14.0",
"version": "3.15.0",
"description": "",

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

"dependencies": {
"@opentiny/vue-renderless": "~3.14.0",
"@opentiny/vue-common": "~3.14.0",
"@opentiny/vue-icon": "~3.14.0",
"@opentiny/vue-checkbox": "~3.14.0",
"@opentiny/vue-theme": "~3.14.0"
"@opentiny/vue-renderless": "~3.15.0",
"@opentiny/vue-common": "~3.15.0",
"@opentiny/vue-icon": "~3.15.0",
"@opentiny/vue-checkbox": "~3.15.0",
"@opentiny/vue-theme": "~3.15.0"
},

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

@@ -32,40 +32,72 @@ export declare const optionsProps: {

};
declare const _default: {
name: string;
componentName: string;
props: {
value: {
required: boolean;
};
label: (StringConstructor | NumberConstructor)[];
created: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: boolean;
};
events: {
type: ObjectConstructor;
default: () => {};
};
visible: {
type: BooleanConstructor;
default: boolean;
};
highlightClass: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
icon: ObjectConstructor;
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
declare const _default: import("@vue/runtime-core").DefineComponent<{
value: {
required: boolean;
};
setup(props: any, context: any): () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>;
};
label: (StringConstructor | NumberConstructor)[];
created: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: boolean;
};
events: {
type: ObjectConstructor;
default: () => {};
};
visible: {
type: BooleanConstructor;
default: boolean;
};
highlightClass: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
icon: ObjectConstructor;
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
value: {
required: boolean;
};
label: (StringConstructor | NumberConstructor)[];
created: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: boolean;
};
events: {
type: ObjectConstructor;
default: () => {};
};
visible: {
type: BooleanConstructor;
default: boolean;
};
highlightClass: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
icon: ObjectConstructor;
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}>>, {
required: boolean;
disabled: boolean;
tiny_mode_root: boolean;
created: boolean;
visible: boolean;
events: Record<string, any>;
}, {}>;
export default _default;
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
value?: any;
label?: any;
value?: any;
required?: any;

@@ -13,5 +13,5 @@ disabled?: any;

tiny_chart_theme?: any;
created?: any;
visible?: any;
events?: any;
created?: any;
highlightClass?: any;

@@ -27,4 +27,4 @@ }>, {

}, any, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
value?: any;
label?: any;
value?: any;
required?: any;

@@ -39,9 +39,9 @@ disabled?: any;

tiny_chart_theme?: any;
created?: any;
visible?: any;
events?: any;
created?: any;
highlightClass?: any;
}>>>, {
readonly value?: any;
readonly label?: any;
readonly value?: any;
readonly required?: any;

@@ -56,7 +56,7 @@ readonly disabled?: any;

readonly tiny_chart_theme?: any;
readonly created?: any;
readonly visible?: any;
readonly events?: any;
readonly created?: any;
readonly highlightClass?: any;
}, {}>;
export default _default;
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
value?: any;
label?: any;
value?: any;
required?: any;

@@ -14,5 +14,5 @@ disabled?: any;

icon?: any;
created?: any;
visible?: any;
events?: any;
created?: any;
highlightClass?: any;

@@ -28,4 +28,4 @@ }>, {

}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
value?: any;
label?: any;
value?: any;
required?: any;

@@ -41,9 +41,9 @@ disabled?: any;

icon?: any;
created?: any;
visible?: any;
events?: any;
created?: any;
highlightClass?: any;
}>>>, {
readonly value?: any;
readonly label?: any;
readonly value?: any;
readonly required?: any;

@@ -59,7 +59,7 @@ readonly disabled?: any;

readonly icon?: any;
readonly created?: any;
readonly visible?: any;
readonly events?: any;
readonly created?: any;
readonly highlightClass?: 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