Socket
Socket
Sign inDemoInstall

@opentiny/vue-button

Package Overview
Dependencies
Maintainers
1
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.6.0 to 2.6.1-alpha.0

index.d.ts

115

lib/index.js

@@ -1,89 +0,55 @@

import { $prefix, $props, $setup } from '@opentiny/vue-common';
import PCTemplate from './pc';
import MobileTemplate from './mobile';
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);
}
var template = function template(mode) {
if (process.env.TINY_MODE === 'pc') return PCTemplate;else if (process.env.TINY_MODE === 'mobile') return MobileTemplate;else return mode === 'mobile' ? MobileTemplate : PCTemplate;
import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";
import MobileTemplate from "./mobile.js";
var template = function template2(mode) {
if ("mobile" === (process.env.TINY_MODE || mode))
return MobileTemplate;
else
return PcTemplate;
};
var Button = {
name: $prefix + 'Button',
var Button = defineComponent({
name: $prefix + "Button",
inject: {
buttonGroup: {
default: ''
default: ""
}
},
props: _objectSpread2(_objectSpread2({}, $props), {}, {
props: _extends({}, $props, {
type: {
type: String,
default: 'default'
default: "default"
},
tabindex: {
type: String,
default: '1'
default: "1"
},
icon: {
type: [Object, String],
default: ''
default: ""
},
text: {
type: String,
default: ''
default: ""
},
resetTime: {
type: Number,
default: 1000
default: 1e3
},
nativeType: {
type: String,
default: 'button'
default: "button"
},

@@ -100,14 +66,15 @@ size: String,

return $setup({
props: props,
context: context,
template: template
props,
context,
template
});
}
};
Button.install = function (Vue) {
});
var version = "3.7.0";
Button.install = function(Vue) {
Vue.component(Button.name, Button);
};
Button.version = '2.6.0';
export { Button as default };
Button.version = version;
export {
Button as default
};

@@ -1,118 +0,44 @@

import { renderless, api } from '@opentiny/vue-renderless/button/vue';
import { setup, props } from '@opentiny/vue-common';
import { iconLoading } from '@opentiny/vue-icon';
import '@opentiny/vue-theme-mobile/button/index.css';
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
}
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);
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);
}
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];
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 script = {
inheritAttrs: false,
emits: ['hook-updated', 'click'],
props: [].concat(_toConsumableArray(props), ['type', 'text', 'size', 'icon', 'resetTime', 'nativeType', 'loading', 'disabled', 'plain', 'round']),
components: {
IconLoading: iconLoading()
},
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api
});
import { renderless, api } from "@opentiny/vue-renderless/button/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import { iconLoading } from "@opentiny/vue-icon";
import "@opentiny/vue-theme-mobile/button/index.css";
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;
}
};
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
/* server only */
, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
if (typeof shadowMode !== 'boolean') {
createInjectorSSR = createInjector;
createInjector = shadowMode;
shadowMode = false;
} // Vue.extend constructor export interop.
var options = typeof script === 'function' ? script.options : script; // render functions
if (template && template.render) {
options.render = template.render;
options.staticRenderFns = template.staticRenderFns;
options._compiled = true; // functional template
if (isFunctionalTemplate) {
options.functional = true;
}
} // scopedId
if (functionalTemplate) {
options.functional = true;
}
if (scopeId) {
options._scopeId = scopeId;
options._scopeId = "data-v-" + scopeId;
}
var hook;
if (moduleIdentifier) {
// server build
hook = function hook(context) {
// 2.3 injection
hook = function hook2(context) {
context = context || // cached call
this.$vnode && this.$vnode.ssrContext || // stateful
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
context = __VUE_SSR_CONTEXT__;
} // inject component styles
if (style) {
style.call(this, createInjectorSSR(context));
} // register component module identifier for async chunk inference
}
if (injectStyles) {
injectStyles.call(this, context);
}
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier);
}
}; // used by ssr in case component is cached and beforeCreate
// never gets called
};
options._ssrRegister = hook;
} else if (style) {
hook = shadowMode ? function () {
style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
} : function (context) {
style.call(this, createInjector(context));
};
} else if (injectStyles) {
hook = shadowMode ? function() {
injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
} : injectStyles;
}
if (hook) {
if (options.functional) {
// register for functional component in vue file
options._injectStyles = hook;
var originalRender = options.render;
options.render = function renderWithStyleInjection(h, context) {

@@ -123,3 +49,2 @@ hook.call(context);

} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate;

@@ -129,20 +54,35 @@ options.beforeCreate = existing ? [].concat(existing, hook) : [hook];

}
return script;
return {
exports: scriptExports,
options
};
}
var normalizeComponent_1 = normalizeComponent;
var __vue_script__ = script;
var __vue_render__ = function __vue_render__() {
var __vue2_script = defineComponent({
inheritAttrs: false,
emits: ["hook-updated", "click"],
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "round"]),
components: {
IconLoading: iconLoading()
},
setup: function setup(props2, context) {
return _setup({
props: props2,
context,
renderless,
api
});
}
});
var render = function render2() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c('button', _vm._b({
return _c("button", _vm._b({
staticClass: "tiny-mobile-button",
class: [_vm.type ? 'tiny-mobile-button--' + _vm.type : '', _vm.size ? 'tiny-mobile-button--' + _vm.size : '', {
'is-disabled': _vm.state.buttonDisabled,
'is-loading': _vm.loading,
'is-plain': _vm.state.plain,
'is-round': _vm.round
class: [_vm.type ? "tiny-mobile-button--" + _vm.type : "", _vm.size ? "tiny-mobile-button--" + _vm.size : "", {
"is-disabled": _vm.state.buttonDisabled,
"is-loading": _vm.loading,
"is-plain": _vm.state.plain,
"is-round": _vm.round
}],

@@ -156,11 +96,11 @@ attrs: {

}
}, 'button', _vm.a(_vm.$attrs, ['class', 'style'], true), false), [_vm.loading ? _c('icon-loading', {
}, "button", _vm.a(_vm.$attrs, ["class", "style"], true), false), [_vm.loading ? _c("icon-loading", {
staticClass: "tiny-icon-loading"
}) : _vm._e(), _vm._v(" "), _vm.icon && !_vm.loading ? _c(_vm.icon, {
}) : _vm._e(), _vm.icon && !_vm.loading ? _c(_vm.icon, {
tag: "component",
staticClass: "tiny-icon is-icon"
}) : _vm._e(), _vm._v(" "), _vm._t("default", function () {
return [_c('span', {
}) : _vm._e(), _vm._t("default", function() {
return [_c("span", {
style: {
marginLeft: _vm.text && (_vm.icon || _vm.loading) ? '4px' : 0
marginLeft: _vm.text && (_vm.icon || _vm.loading) ? "4px" : 0
}

@@ -170,12 +110,15 @@ }, [_vm._v(_vm._s(_vm.text))])];

};
var __vue_staticRenderFns__ = [];
var __vue_inject_styles__ = undefined;
var __vue_scope_id__ = undefined;
var __vue_module_identifier__ = undefined;
var __vue_is_functional_template__ = false;
var __vue_component__ = normalizeComponent_1({
render: __vue_render__,
staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
export { __vue_component__ as default };
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 mobile = /* @__PURE__ */ function() {
return __component__.exports;
}();
export {
mobile as default
};

@@ -1,117 +0,44 @@

import { renderless, api } from '@opentiny/vue-renderless/button/vue';
import { setup, props } from '@opentiny/vue-common';
import { iconLoading } from '@opentiny/vue-icon';
import '@opentiny/vue-theme/button/index.css';
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
}
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);
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);
}
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];
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 script = {
emits: ['click', 'hook-updated'],
props: [].concat(_toConsumableArray(props), ['type', 'text', 'size', 'icon', 'resetTime', 'nativeType', 'loading', 'disabled', 'plain', 'autofocus', 'round', 'circle', 'tabindex']),
components: {
IconLoading: iconLoading()
},
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api
});
import { renderless, api } from "@opentiny/vue-renderless/button/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import { iconLoading } from "@opentiny/vue-icon";
import "@opentiny/vue-theme/button/index.css";
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;
}
};
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
/* server only */
, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
if (typeof shadowMode !== 'boolean') {
createInjectorSSR = createInjector;
createInjector = shadowMode;
shadowMode = false;
} // Vue.extend constructor export interop.
var options = typeof script === 'function' ? script.options : script; // render functions
if (template && template.render) {
options.render = template.render;
options.staticRenderFns = template.staticRenderFns;
options._compiled = true; // functional template
if (isFunctionalTemplate) {
options.functional = true;
}
} // scopedId
if (functionalTemplate) {
options.functional = true;
}
if (scopeId) {
options._scopeId = scopeId;
options._scopeId = "data-v-" + scopeId;
}
var hook;
if (moduleIdentifier) {
// server build
hook = function hook(context) {
// 2.3 injection
hook = function hook2(context) {
context = context || // cached call
this.$vnode && this.$vnode.ssrContext || // stateful
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
context = __VUE_SSR_CONTEXT__;
} // inject component styles
if (style) {
style.call(this, createInjectorSSR(context));
} // register component module identifier for async chunk inference
}
if (injectStyles) {
injectStyles.call(this, context);
}
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier);
}
}; // used by ssr in case component is cached and beforeCreate
// never gets called
};
options._ssrRegister = hook;
} else if (style) {
hook = shadowMode ? function () {
style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
} : function (context) {
style.call(this, createInjector(context));
};
} else if (injectStyles) {
hook = shadowMode ? function() {
injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
} : injectStyles;
}
if (hook) {
if (options.functional) {
// register for functional component in vue file
options._injectStyles = hook;
var originalRender = options.render;
options.render = function renderWithStyleInjection(h, context) {

@@ -122,3 +49,2 @@ hook.call(context);

} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate;

@@ -128,22 +54,36 @@ options.beforeCreate = existing ? [].concat(existing, hook) : [hook];

}
return script;
return {
exports: scriptExports,
options
};
}
var normalizeComponent_1 = normalizeComponent;
var __vue_script__ = script;
var __vue_render__ = function __vue_render__() {
var __vue2_script = defineComponent({
emits: ["click", "hook-updated"],
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex"]),
components: {
IconLoading: iconLoading()
},
setup: function setup(props2, context) {
return _setup({
props: props2,
context,
renderless,
api
});
}
});
var render = function render2() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c('button', _vm._b({
return _c("button", _vm._b({
staticClass: "tiny-button",
class: [_vm.type ? 'tiny-button--' + _vm.type : '', _vm.size ? 'tiny-button--' + _vm.size : '', {
'is-disabled': _vm.state.buttonDisabled,
'is-loading': _vm.loading,
'is-plain': _vm.state.plain,
'is-round': _vm.round,
'is-circle': _vm.circle,
'is-icon': _vm.icon && !_vm.loading && (_vm.text || _vm.$slots.default)
class: [_vm.type ? "tiny-button--" + _vm.type : "", _vm.size ? "tiny-button--" + _vm.size : "", {
"is-disabled": _vm.state.buttonDisabled,
"is-loading": _vm.loading,
"is-plain": _vm.state.plain,
"is-round": _vm.round,
"is-circle": _vm.circle,
"is-icon": _vm.icon && !_vm.loading && (_vm.text || _vm.$slots.default)
}],

@@ -159,23 +99,26 @@ attrs: {

}
}, 'button', _vm.a(_vm.$attrs, ['class', 'style'], true), false), [_vm.loading ? _c('icon-loading', {
}, "button", _vm.a(_vm.$attrs, ["class", "style"], true), false), [_vm.loading ? _c("icon-loading", {
staticClass: "tiny-icon-loading tiny-svg-size"
}) : _vm._e(), _vm._v(" "), _vm.icon && !_vm.loading ? _c(_vm.icon, {
}) : _vm._e(), _vm.icon && !_vm.loading ? _c(_vm.icon, {
tag: "component",
class: {
'is-text': _vm.text || _vm.$slots.default
"is-text": _vm.text || _vm.$slots.default
}
}) : _vm._e(), _vm._v(" "), _vm._t("default", function () {
return [_c('span', [_vm._v(_vm._s(_vm.text))])];
}) : _vm._e(), _vm._t("default", function() {
return [_c("span", [_vm._v(_vm._s(_vm.text))])];
})], 2);
};
var __vue_staticRenderFns__ = [];
var __vue_inject_styles__ = undefined;
var __vue_scope_id__ = undefined;
var __vue_module_identifier__ = undefined;
var __vue_is_functional_template__ = false;
var __vue_component__ = normalizeComponent_1({
render: __vue_render__,
staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
export { __vue_component__ as default };
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 pc = /* @__PURE__ */ function() {
return __component__.exports;
}();
export {
pc as default
};
{
"name": "@opentiny/vue-button",
"version": "2.6.0",
"version": "2.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": "~2.6.0",
"@opentiny/vue-icon": "~2.6.0",
"@opentiny/vue-renderless": "~3.6.0",
"@opentiny/vue-theme": "~3.6.0",
"@opentiny/vue-theme-mobile": "~3.6.0"
"@opentiny/vue-common": "~2.6.1-alpha.0",
"@opentiny/vue-icon": "~2.6.1-alpha.0",
"@opentiny/vue-renderless": "~3.6.1-alpha.0"
},
"license": "MIT",
"sideEffects": false
"types": "index.d.ts",
"scripts": {
"build": "pnpm -w build:ui $npm_package_name",
"//postversion": "pnpm build"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc