@opentiny/vue-button
Advanced tools
Comparing version 3.6.0 to 3.6.1-alpha.0
@@ -0,0 +0,0 @@ /** |
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 = '3.6.0'; | ||
export { Button as default }; | ||
Button.version = version; | ||
export { | ||
Button as default | ||
}; |
@@ -1,82 +0,105 @@ | ||
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'; | ||
import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from 'vue'; | ||
function _toConsumableArray(arr) { | ||
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); | ||
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"; | ||
import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, toDisplayString } 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 = { | ||
var _sfc_main = /* @__PURE__ */ defineComponent({ | ||
inheritAttrs: false, | ||
emits: ['hook-updated', 'click'], | ||
props: [].concat(_toConsumableArray(props), ['type', 'text', 'size', 'icon', 'resetTime', 'nativeType', 'loading', 'disabled', 'plain', 'round']), | ||
emits: ["hook-updated", "click"], | ||
props: [].concat(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 | ||
setup: function setup(props2, context) { | ||
return _setup({ | ||
props: props2, | ||
context, | ||
renderless, | ||
api | ||
}); | ||
} | ||
}; | ||
}); | ||
var _hoisted_1 = ["disabled", "type"]; | ||
function render(_ctx, _cache, $props, $setup, $data, $options) { | ||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { | ||
var _component_icon_loading = resolveComponent("icon-loading"); | ||
return openBlock(), createElementBlock("button", mergeProps({ | ||
class: ["tiny-mobile-button", [$props.type ? 'tiny-mobile-button--' + $props.type : '', $props.size ? 'tiny-mobile-button--' + $props.size : '', { | ||
'is-disabled': _ctx.state.buttonDisabled, | ||
'is-loading': $props.loading, | ||
'is-plain': _ctx.state.plain, | ||
'is-round': $props.round | ||
class: ["tiny-mobile-button", [_ctx.type ? "tiny-mobile-button--" + _ctx.type : "", _ctx.size ? "tiny-mobile-button--" + _ctx.size : "", { | ||
"is-disabled": _ctx.state.buttonDisabled, | ||
"is-loading": _ctx.loading, | ||
"is-plain": _ctx.state.plain, | ||
"is-round": _ctx.round | ||
}]], | ||
onClick: _cache[0] || (_cache[0] = function () { | ||
onClick: _cache[0] || (_cache[0] = function() { | ||
return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments); | ||
}), | ||
disabled: _ctx.state.buttonDisabled || $props.loading, | ||
type: $props.nativeType | ||
}, _ctx.a(_ctx.$attrs, ['class', 'style'], true)), [$props.loading ? (openBlock(), createBlock(_component_icon_loading, { | ||
disabled: _ctx.state.buttonDisabled || _ctx.loading, | ||
type: _ctx.nativeType | ||
}, _ctx.a(_ctx.$attrs, ["class", "style"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, { | ||
key: 0, | ||
class: "tiny-icon-loading" | ||
})) : createCommentVNode("", true), $props.icon && !$props.loading ? (openBlock(), createBlock(resolveDynamicComponent($props.icon), { | ||
})) : createCommentVNode("v-if", true), _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { | ||
key: 1, | ||
class: "tiny-icon is-icon" | ||
})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, function () { | ||
return [createElementVNode("span", { | ||
style: normalizeStyle({ | ||
marginLeft: $props.text && ($props.icon || $props.loading) ? '4px' : 0 | ||
}) | ||
}, toDisplayString($props.text), 5)]; | ||
})) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() { | ||
return [createElementVNode( | ||
"span", | ||
{ | ||
style: normalizeStyle({ | ||
marginLeft: _ctx.text && (_ctx.icon || _ctx.loading) ? "4px" : 0 | ||
}) | ||
}, | ||
toDisplayString(_ctx.text), | ||
5 | ||
/* TEXT, STYLE */ | ||
)]; | ||
})], 16, _hoisted_1); | ||
} | ||
script.render = render; | ||
export { script as default }; | ||
var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]); | ||
export { | ||
mobile as default | ||
}; |
164
lib/pc.js
@@ -1,112 +0,106 @@ | ||
import { renderless, api } from '@opentiny/vue-renderless/button/vue'; | ||
import { setup, props } from '@opentiny/vue-common'; | ||
import { iconLoading } from '@opentiny/vue-icon'; | ||
import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, normalizeClass, renderSlot, createElementVNode, toDisplayString } from 'vue'; | ||
function _toConsumableArray(arr) { | ||
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); | ||
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"; | ||
import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, normalizeClass, renderSlot, createElementVNode, toDisplayString } 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."); | ||
} | ||
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); | ||
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; | ||
}; | ||
if (style.styleSheet) { | ||
style.styleSheet.cssText = css; | ||
} else { | ||
style.appendChild(document.createTextNode(css)); | ||
} | ||
} | ||
var css_248z = ".tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-base-color-common-2);--ti-button-size-normal-min-width:var(--ti-base-size-width-normal);--ti-button-size-normal-max-width:var(--ti-base-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-7x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-size-large-min-width:var(--ti-base-size-width-normal);--ti-button-size-large-max-width:var(--ti-base-size-width-large);--ti-button-size-large-height:var(--ti-base-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding:var(--ti-common-space-4x);--ti-button-size-medium-min-width:var(--ti-base-size-width-normal);--ti-button-size-medium-max-width:var(--ti-base-size-width-large);--ti-button-size-medium-height:var(--ti-base-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding:var(--ti-common-space-3x);--ti-button-size-small-min-width:var(--ti-base-size-width-normal);--ti-button-size-small-max-width:var(--ti-base-size-width-medium);--ti-button-size-small-height:var(--ti-base-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding:var(--ti-common-space-10);--ti-button-size-mini-min-width:var(--ti-base-size-width-normal);--ti-button-size-mini-max-width:var(--ti-base-size-width-medium);--ti-button-size-mini-height:var(--ti-base-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding:var(--ti-common-space-2x);--ti-button-normal-text-color:var(--ti-base-color-common-7);--ti-button-normal-border-color:var(--ti-base-color-border);--ti-button-normal-background-color:var(--ti-base-color-light);--ti-button-normal-hover-text-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-border-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-background-color:var(--ti-base-color-light);--ti-button-normal-active-text-color:var(--ti-base-color-brand-6);--ti-button-normal-active-border-color:var(--ti-base-color-brand-6);--ti-button-normal-active-background-color:var(--ti-base-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-base-color-brand-6);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-color-active:var(--ti-base-color-primary-active);--ti-button-text-color-disabled:var(--ti-base-color-placeholder);--ti-button-primary-normal-bg-color:var(--ti-base-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-base-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-base-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-primary-text-color:var(--ti-base-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-primary-disabled-border-color:var(--ti-base-color-primary-disabled-border);--ti-button-primary-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-success-normal-bg-color:var(--ti-base-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-base-color-success-hover);--ti-button-success-active-bg-color:var(--ti-base-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-success-text-color:var(--ti-base-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-success-disabled-border-color:var(--ti-base-color-success-disabled-border);--ti-button-success-plain-bg-color:rgba(82, 196, 26, 0.06);--ti-button-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-button-warning-normal-bg-color:var(--ti-base-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-base-color-warning-hover);--ti-button-warning-active-bg-color:var(--ti-base-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-warning-text-color:var(--ti-base-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-warning-disabled-border-color:var(--ti-base-color-warning-disabled-border);--ti-button-warning-plain-bg-color:rgba(250, 173, 20, 0.06);--ti-button-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-button-danger-normal-bg-color:var(--ti-base-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-base-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-base-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-danger-text-color:var(--ti-base-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-danger-disabled-border-color:var(--ti-base-color-danger-disabled-border);--ti-button-danger-plain-bg-color:rgba(245, 34, 45, 0.06);--ti-button-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-button-info-normal-bg-color:var(--ti-base-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-base-color-info-hover);--ti-button-info-active-bg-color:var(--ti-base-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-info-text-color:var(--ti-base-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-info-disabled-border-color:var(--ti-base-color-info-disabled-border);--ti-button-info-plain-bg-color:rgba(51, 51, 51, 0.06);--ti-button-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-padding-vertical:0;--ti-button-padding-horizontal:var(--ti-common-space-5x);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:2px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-bg-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-normal-bg-color);fill:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-primary-disabled-bg-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-bg-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-normal-bg-color);fill:var(--ti-button-success-normal-bg-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-success-disabled-bg-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-bg-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-normal-bg-color);fill:var(--ti-button-warning-normal-bg-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-warning-disabled-bg-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-bg-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-normal-bg-color);fill:var(--ti-button-danger-normal-bg-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-danger-disabled-bg-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-bg-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-normal-bg-color);fill:var(--ti-button-info-normal-bg-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-info-disabled-bg-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:var(--ti-button-size-large-height);font-size:var(--ti-button-size-large-font-size)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:var(--ti-button-size-medium-height);font-size:var(--ti-button-size-medium-font-size)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:var(--ti-button-size-small-height);font-size:var(--ti-button-size-small-font-size)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:var(--ti-button-size-mini-height);font-size:var(--ti-button-size-mini-font-size)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}"; | ||
styleInject(css_248z); | ||
var script = { | ||
emits: ['click', 'hook-updated'], | ||
props: [].concat(_toConsumableArray(props), ['type', 'text', 'size', 'icon', 'resetTime', 'nativeType', 'loading', 'disabled', 'plain', 'autofocus', 'round', 'circle', 'tabindex']), | ||
var _sfc_main = /* @__PURE__ */ 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$1(props, context) { | ||
return setup({ | ||
props: props, | ||
context: context, | ||
renderless: renderless, | ||
api: api | ||
setup: function setup(props2, context) { | ||
return _setup({ | ||
props: props2, | ||
context, | ||
renderless, | ||
api | ||
}); | ||
} | ||
}; | ||
}); | ||
var _hoisted_1 = ["disabled", "autofocus", "type", "tabindex"]; | ||
function render(_ctx, _cache, $props, $setup, $data, $options) { | ||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { | ||
var _component_icon_loading = resolveComponent("icon-loading"); | ||
return openBlock(), createElementBlock("button", mergeProps({ | ||
class: ["tiny-button", [$props.type ? 'tiny-button--' + $props.type : '', $props.size ? 'tiny-button--' + $props.size : '', { | ||
'is-disabled': _ctx.state.buttonDisabled, | ||
'is-loading': $props.loading, | ||
'is-plain': _ctx.state.plain, | ||
'is-round': $props.round, | ||
'is-circle': $props.circle, | ||
'is-icon': $props.icon && !$props.loading && ($props.text || _ctx.$slots.default) | ||
class: ["tiny-button", [_ctx.type ? "tiny-button--" + _ctx.type : "", _ctx.size ? "tiny-button--" + _ctx.size : "", { | ||
"is-disabled": _ctx.state.buttonDisabled, | ||
"is-loading": _ctx.loading, | ||
"is-plain": _ctx.state.plain, | ||
"is-round": _ctx.round, | ||
"is-circle": _ctx.circle, | ||
"is-icon": _ctx.icon && !_ctx.loading && (_ctx.text || _ctx.$slots.default) | ||
}]], | ||
onClick: _cache[0] || (_cache[0] = function () { | ||
onClick: _cache[0] || (_cache[0] = function() { | ||
return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments); | ||
}), | ||
disabled: _ctx.state.buttonDisabled || $props.loading, | ||
autofocus: $props.autofocus, | ||
type: $props.nativeType, | ||
tabindex: $props.tabindex | ||
}, _ctx.a(_ctx.$attrs, ['class', 'style'], true)), [$props.loading ? (openBlock(), createBlock(_component_icon_loading, { | ||
disabled: _ctx.state.buttonDisabled || _ctx.loading, | ||
autofocus: _ctx.autofocus, | ||
type: _ctx.nativeType, | ||
tabindex: _ctx.tabindex | ||
}, _ctx.a(_ctx.$attrs, ["class", "style"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, { | ||
key: 0, | ||
class: "tiny-icon-loading tiny-svg-size" | ||
})) : createCommentVNode("", true), $props.icon && !$props.loading ? (openBlock(), createBlock(resolveDynamicComponent($props.icon), { | ||
})) : createCommentVNode("v-if", true), _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { | ||
key: 1, | ||
class: normalizeClass({ | ||
'is-text': $props.text || _ctx.$slots.default | ||
"is-text": _ctx.text || _ctx.$slots.default | ||
}) | ||
}, null, 8, ["class"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, function () { | ||
return [createElementVNode("span", null, toDisplayString($props.text), 1)]; | ||
}, null, 8, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() { | ||
return [createElementVNode( | ||
"span", | ||
null, | ||
toDisplayString(_ctx.text), | ||
1 | ||
/* TEXT */ | ||
)]; | ||
})], 16, _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-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-icon": "~3.6.0", | ||
"@opentiny/vue-renderless": "~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-icon": "~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<{ | ||
type: { | ||
@@ -11,3 +11,3 @@ type: StringConstructor; | ||
icon: { | ||
type: (ObjectConstructor | StringConstructor)[]; | ||
type: (StringConstructor | ObjectConstructor)[]; | ||
default: string; | ||
@@ -34,3 +34,5 @@ }; | ||
autofocus: BooleanConstructor; | ||
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", 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<{ | ||
type: { | ||
@@ -45,3 +47,3 @@ type: StringConstructor; | ||
icon: { | ||
type: (ObjectConstructor | StringConstructor)[]; | ||
type: (StringConstructor | ObjectConstructor)[]; | ||
default: string; | ||
@@ -68,18 +70,16 @@ }; | ||
autofocus: BooleanConstructor; | ||
}>> & { | ||
onClick?: ((...args: any[]) => any) | undefined; | ||
}, { | ||
}>>, { | ||
type: string; | ||
circle: boolean; | ||
tabindex: string; | ||
icon: string | Record<string, any>; | ||
text: string; | ||
icon: string | Record<string, any>; | ||
tabindex: string; | ||
disabled: boolean; | ||
autofocus: boolean; | ||
resetTime: number; | ||
nativeType: string; | ||
round: boolean; | ||
plain: boolean; | ||
circle: boolean; | ||
loading: boolean; | ||
plain: boolean; | ||
round: boolean; | ||
disabled: boolean; | ||
autofocus: boolean; | ||
}>; | ||
export default _default; |
@@ -1,18 +0,18 @@ | ||
import '@opentiny/vue-theme-mobile/button/index.css'; | ||
declare const _default: { | ||
inheritAttrs: boolean; | ||
emits: string[]; | ||
props: string[]; | ||
components: { | ||
IconLoading: any; | ||
}; | ||
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, ("click" | "hook-updated")[], "click" | "hook-updated", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{ | ||
[x: string]: any; | ||
}>>> & { | ||
onClick?: ((...args: any[]) => any) | undefined; | ||
"onHook-updated"?: ((...args: any[]) => any) | undefined; | ||
}, { | ||
[x: string]: any; | ||
}>; | ||
export default _sfc_main; |
@@ -1,17 +0,18 @@ | ||
import '@opentiny/vue-theme/button/index.css'; | ||
declare const _default: { | ||
emits: string[]; | ||
props: string[]; | ||
components: { | ||
IconLoading: any; | ||
}; | ||
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, ("click" | "hook-updated")[], "click" | "hook-updated", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{ | ||
[x: string]: any; | ||
}>>> & { | ||
onClick?: ((...args: any[]) => any) | undefined; | ||
"onHook-updated"?: ((...args: any[]) => any) | undefined; | ||
}, { | ||
[x: string]: any; | ||
}>; | ||
export default _sfc_main; |
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
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
3
9
2
16031
420
2
1