New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@opentiny/vue-checkbox-button

Package Overview
Dependencies
Maintainers
1
Versions
65
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-checkbox-button - npm Package Compare versions

Comparing version 3.6.0 to 3.6.1-alpha.0

LICENSE

1

index.d.ts

@@ -13,3 +13,2 @@ /**

import CheckboxButton from './src/index';
import '@opentiny/vue-theme/checkbox-button/index.css';
export default CheckboxButton;

@@ -1,63 +0,30 @@

import { $prefix, $props, $setup } from '@opentiny/vue-common';
import PCTemplate from './pc';
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
})), keys.push.apply(keys, symbols);
}
return keys;
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 target;
};
return _extends.apply(this, arguments);
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
_defineProperty(target, key, source[key]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
function _defineProperty(obj, key, value) {
key = _toPropertyKey(key);
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _toPrimitive(input, hint) {
if (typeof input !== "object" || input === null) return input;
var prim = input[Symbol.toPrimitive];
if (prim !== undefined) {
var res = prim.call(input, hint || "default");
if (typeof res !== "object") return res;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return (hint === "string" ? String : Number)(input);
}
function _toPropertyKey(arg) {
var key = _toPrimitive(arg, "string");
return typeof key === "symbol" ? key : String(key);
}
import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";
import "@opentiny/vue-theme/checkbox-button/index.css";
var template = function template2(mode) {
if ("mobile" === (process.env.TINY_MODE || mode))
return MobileTemplate;
else
return PcTemplate;
};
var $constants = {
CHECKBOX_GROUP: 'CheckboxGroup'
CHECKBOX_GROUP: "CheckboxGroup"
};
var template = function template() {
return PCTemplate;
};
var CheckboxButton = {
name: $prefix + 'CheckboxButton',
props: _objectSpread2(_objectSpread2({}, $props), {}, {
var CheckboxButton = defineComponent({
name: $prefix + "CheckboxButton",
props: _extends({}, $props, {
_constants: {

@@ -79,3 +46,3 @@ type: Object,

type: Object,
default: function _default() {
default: function _default2() {
return {};

@@ -87,48 +54,19 @@ }

return $setup({
props: props,
context: context,
template: template
props,
context,
template
});
}
};
function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z = ".tiny-checkbox-button{--ti-checkbox-text-color:var(--ti-base-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-base-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-base-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-base-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);position:relative;display:inline-block}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-common-border-radius-normal) 0 0 var(--ti-common-border-radius-normal)}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0}.tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-checked-text-color);border-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color)}.tiny-checkbox-button.is-checked:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ti-checkbox-button-disabled-bg-color);border-color:var(--ti-checkbox-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-border-color)}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;font-weight:500;cursor:pointer;background:var(--ti-checkbox-button-bg-color);border-left:0;border:1px solid #e9edfa;color:var(--ti-checkbox-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 2px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:var(--ti-common-font-size-2);min-width:80px;border-radius:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-checkbox-bg-color-hover);color:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:var(--ti-common-font-size-1);border-radius:0}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{padding:8px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:5px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}";
styleInject(css_248z);
});
var version = "3.7.0";
CheckboxButton.model = {
prop: 'modelValue',
event: 'update:modelValue'
prop: "modelValue",
event: "update:modelValue"
};
CheckboxButton.install = function (Vue) {
CheckboxButton.install = function(Vue) {
Vue.component(CheckboxButton.name, CheckboxButton);
};
CheckboxButton.version = '3.6.0';
export { CheckboxButton as default };
CheckboxButton.version = version;
export {
CheckboxButton as default
};

@@ -1,55 +0,72 @@

import { renderless, api } from '@opentiny/vue-renderless/checkbox-button/vue';
import { setup, props } from '@opentiny/vue-common';
import { openBlock, createElementBlock, normalizeClass, withDirectives, vModelCheckbox, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
import { renderless, api } from "@opentiny/vue-renderless/checkbox-button/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import { openBlock, createElementBlock, normalizeClass, withDirectives, vModelCheckbox, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode } 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;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return _arrayLikeToArray(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);
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 _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];
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 _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var _export_sfc = function _export_sfc2(sfc, props) {
var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
target[key] = val;
}
return target;
};
var script = {
emits: ['change', 'update:modelValue'],
props: [].concat(_toConsumableArray(props), ['modelValue', 'label', 'text', 'events', 'disabled', 'checked', 'name', 'trueLabel', 'falseLabel']),
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api
var _sfc_main = /* @__PURE__ */ defineComponent({
emits: ["change", "update:modelValue"],
props: [].concat(props, ["modelValue", "label", "text", "events", "disabled", "checked", "name", "trueLabel", "falseLabel"]),
setup: function setup(props2, context) {
return _setup({
props: props2,
context,
renderless,
api
});
}
};
});
var _hoisted_1 = ["aria-checked", "aria-disabled"];
var _hoisted_2 = ["name", "disabled", "true-value", "false-value"];
var _hoisted_3 = ["name", "disabled", "value"];
function render(_ctx, _cache, $props, $setup, $data, $options) {
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("label", {
class: normalizeClass(["tiny-checkbox-button", [_ctx.state.size ? 'tiny-checkbox-button--' + _ctx.state.size : '', {
'is-disabled': _ctx.state.isDisabled
class: normalizeClass(["tiny-checkbox-button", [_ctx.state.size ? "tiny-checkbox-button--" + _ctx.state.size : "", {
"is-disabled": _ctx.state.isDisabled
}, {
'is-checked': _ctx.state.isChecked
"is-checked": _ctx.state.isChecked
}, {
'is-focus': _ctx.state.focus
"is-focus": _ctx.state.focus
}]]),

@@ -59,20 +76,20 @@ role: "checkbox",

"aria-disabled": _ctx.state.isDisabled
}, [$props.trueLabel || $props.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
}, [_ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
key: 0,
class: "tiny-checkbox-button__original",
type: "checkbox",
name: $props.name,
name: _ctx.name,
disabled: _ctx.state.isDisabled,
"true-value": $props.trueLabel,
"false-value": $props.falseLabel,
"onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
"true-value": _ctx.trueLabel,
"false-value": _ctx.falseLabel,
"onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
return _ctx.state.model = $event;
}),
onChange: _cache[1] || (_cache[1] = function () {
onChange: _cache[1] || (_cache[1] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
onFocus: _cache[2] || (_cache[2] = function ($event) {
onFocus: _cache[2] || (_cache[2] = function($event) {
return _ctx.state.focus = true;
}),
onBlur: _cache[3] || (_cache[3] = function ($event) {
onBlur: _cache[3] || (_cache[3] = function($event) {
return _ctx.state.focus = false;

@@ -84,28 +101,38 @@ })

type: "checkbox",
name: $props.name,
name: _ctx.name,
disabled: _ctx.state.isDisabled,
value: $props.label,
"onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
value: _ctx.label,
"onUpdate:modelValue": _cache[4] || (_cache[4] = function($event) {
return _ctx.state.model = $event;
}),
onChange: _cache[5] || (_cache[5] = function () {
onChange: _cache[5] || (_cache[5] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
onFocus: _cache[6] || (_cache[6] = function ($event) {
onFocus: _cache[6] || (_cache[6] = function($event) {
return _ctx.state.focus = true;
}),
onBlur: _cache[7] || (_cache[7] = function ($event) {
onBlur: _cache[7] || (_cache[7] = function($event) {
return _ctx.state.focus = false;
})
}, null, 40, _hoisted_3)), [[vModelCheckbox, _ctx.state.model]]), _ctx.slots.default || $props.text || $props.label ? (openBlock(), createElementBlock("span", {
key: 2,
class: "tiny-checkbox-button__inner",
style: normalizeStyle(_ctx.state.isChecked ? _ctx.state.activeStyle : null)
}, [renderSlot(_ctx.$slots, "default", {}, function () {
return [createTextVNode(toDisplayString($props.text || $props.label), 1)];
})], 4)) : createCommentVNode("", true)], 10, _hoisted_1);
}, null, 40, _hoisted_3)), [[vModelCheckbox, _ctx.state.model]]), _ctx.slots.default || _ctx.text || _ctx.label ? (openBlock(), createElementBlock(
"span",
{
key: 2,
class: "tiny-checkbox-button__inner",
style: normalizeStyle(_ctx.state.isChecked ? _ctx.state.activeStyle : null)
},
[renderSlot(_ctx.$slots, "default", {}, function() {
return [createTextVNode(
toDisplayString(_ctx.text || _ctx.label),
1
/* TEXT */
)];
})],
4
/* STYLE */
)) : createCommentVNode("v-if", true)], 10, _hoisted_1);
}
script.render = render;
export { script as default };
var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
pc as default
};
{
"name": "@opentiny/vue-checkbox-button",
"version": "3.6.0",
"version": "3.6.1-alpha.0",
"description": "",
"main": "lib/index.js",
"scripts": {
"lint": "eslint src/**/*{.js,.html,.vue} --quiet",
"build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
"build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
},
"main": "./lib/index.js",
"dependencies": {
"@opentiny/vue-common": "~3.6.0",
"@opentiny/vue-renderless": "~3.6.0",
"@opentiny/vue-icon": "~3.6.0",
"@opentiny/vue-theme": "~3.6.0",
"@opentiny/vue-theme-mobile": "~3.6.0"
"@opentiny/vue-common": "~3.6.1-alpha.0",
"@opentiny/vue-renderless": "~3.6.1-alpha.0"
},
"license": "MIT",
"types": "index.d.ts",
"sideEffects": false
"scripts": {
"build": "pnpm -w build:ui $npm_package_name",
"//postversion": "pnpm build"
}
}

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

declare const _default: import("vue").DefineComponent<{
declare const _default: import("@vue/runtime-core").DefineComponent<{
_constants: {

@@ -20,3 +20,5 @@ type: ObjectConstructor;

};
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
_constants: {

@@ -41,4 +43,4 @@ type: ObjectConstructor;

}>>, {
disabled: boolean;
_constants: Record<string, any>;
disabled: boolean;
events: Record<string, any>;

@@ -45,0 +47,0 @@ checked: boolean;

@@ -1,13 +0,18 @@

declare const _default: {
inheritAttrs: boolean;
props: string[];
setup(props: any, context: any): {
t: any;
vm: any;
f: (props: any, attrs?: {}) => {};
a: (attrs: any, filters: any, include: any) => {};
d: (props: any) => void;
dp: (props: any) => void;
};
};
export default _default;
declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
[x: string]: any;
}>, {
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;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
[x: string]: any;
}>>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
}, {
[x: string]: any;
}>;
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