@sheinx/base 3.4.3-beta.10 → 3.4.3-beta.11

package/cjs/config/index.d.ts

@@ -1,10 +1,18 @@
+/// <reference types="react" />
 import { LanType, Direction } from './locale/Props';
+export type SpinConfig = string | {
+    name: string;
+    color?: string;
+    tip?: React.ReactNode;
+    mode?: 'vertical' | 'horizontal';
+    size?: number;
+};
 export interface ConfigOption {
     prefix: string;
     locale: LanType;
     delay?: number;
     trim?: boolean;
-    spin?: string;
+    spin?: SpinConfig;
     direction: Direction;
     popupContainer?: HTMLElement | null | (() => HTMLElement | null);
 }

package/cjs/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,UAAU,GAClB,MAAM,GACN;IACE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/cjs/spin/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAiCjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/spin/base.js

@@ -7,25 +7,33 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
+var _config = require("../config");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var range = _hooks.util.range;
 var Spin = function Spin(props) {
-  var _jssStyle$spin;
+  var _jssStyle$spin, _ref;
   var _props$count = props.count,
     count = _props$count === void 0 ? 0 : _props$count,
     render = props.render,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 40 : _props$size,
+    sizeProps = props.size,
     className = props.className,
     jssStyle = props.jssStyle;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle);
+  var config = (0, _config.useConfig)();
+  var getSpinSize = function getSpinSize() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var size = spin.size;
+    return size;
+  };
+  var size = (_ref = sizeProps !== null && sizeProps !== void 0 ? sizeProps : getSpinSize()) !== null && _ref !== void 0 ? _ref : 40;
   var style = Object.assign({
     width: size,
     height: size

package/cjs/spin/spin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAqE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAgH7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/spin/spin.js

@@ -9,14 +9,14 @@ var _spins = _interopRequireDefault(require("./spins"));
 var _config = require("../config");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var Spin = function Spin() {
-  var _ref, _jssStyle$spin;
+  var _ref, _ref2, _jssStyle$spin;
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var jssStyle = props.jssStyle,
     className = props.className,
@@ -24,13 +24,45 @@ var Spin = function Spin() {
     style = props.style,
     loading = props.loading,
     nameProps = props.name,
-    tip = props.tip,
+    tipProps = props.tip,
     tipClassName = props.tipClassName,
-    color = props.color,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'vertical' : _props$mode;
+    colorProps = props.color,
+    modeProps = props.mode;
   var config = (0, _config.useConfig)();
-  var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : config.spin) !== null && _ref !== void 0 ? _ref : 'default';
+  var getSpinName = function getSpinName() {
+    var spin = config.spin;
+    if (!spin) return;
+    if (typeof spin === 'string') {
+      return spin;
+    }
+    if (_typeof(spin) === 'object') {
+      var _name = spin.name;
+      return _name;
+    }
+    return;
+  };
+  var getSpinTip = function getSpinTip() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var tip = spin.tip;
+    return tip;
+  };
+  var getSpinColor = function getSpinColor() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var color = spin.color;
+    return color;
+  };
+  var getSpinMode = function getSpinMode() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var mode = spin.mode;
+    return mode;
+  };
+  var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : getSpinName()) !== null && _ref !== void 0 ? _ref : 'default';
+  var tip = tipProps !== null && tipProps !== void 0 ? tipProps : getSpinTip();
+  var color = colorProps !== null && colorProps !== void 0 ? colorProps : getSpinColor();
+  var mode = (_ref2 = modeProps !== null && modeProps !== void 0 ? modeProps : getSpinMode()) !== null && _ref2 !== void 0 ? _ref2 : 'vertical';
   var spinStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
   var contentClass = (0, _classnames.default)(className, spinStyle.content, _defineProperty(_defineProperty({}, spinStyle.vertical, mode === 'vertical'), spinStyle.horizontal, mode === 'horizontal'));
   var renderSpin = function renderSpin() {
@@ -38,6 +70,7 @@ var Spin = function Spin() {
     if (_spins.default[n]) {
       var Comp = _spins.default[n];
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, _objectSpread(_objectSpread({}, props), {}, {
+        color: color,
         style: style
       }));
     }
@@ -55,7 +88,7 @@ var Spin = function Spin() {
     });
   };
   var renderContent = function renderContent() {
-    if ('tip' in props) {
+    if (tip) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: contentClass,
         children: [renderSpin(), tip && renderTip()]

package/cjs/tag/use-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tag.d.ts","sourceRoot":"","sources":["use-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,QAAA,MAAM,MAAM,UAAW,YAAY;;;;oBAkBV,MAAM;qBAuCL,gBAAgB,CAAC,cAAc,CAAC;qBAlDhC,gBAAgB,CAAC,cAAc,CAAC;4BAyDzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"use-tag.d.ts","sourceRoot":"","sources":["use-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,QAAA,MAAM,MAAM,UAAW,YAAY;;;;oBAkBV,MAAM;qBAuCL,gBAAgB,CAAC,cAAc,CAAC;qBAlDhC,gBAAgB,CAAC,cAAc,CAAC;4BA0DzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/tag/use-tag.js

@@ -80,6 +80,7 @@ var useTag = function useTag(props) {
     setDismiss(Done);
   };
   var handleClose = function handleClose(e) {
+    e.stopPropagation();
     if (disabled || dismiss !== Finish) {
       return;
     }

package/esm/config/index.d.ts

@@ -1,10 +1,18 @@
+/// <reference types="react" />
 import { LanType, Direction } from './locale/Props';
+export type SpinConfig = string | {
+    name: string;
+    color?: string;
+    tip?: React.ReactNode;
+    mode?: 'vertical' | 'horizontal';
+    size?: number;
+};
 export interface ConfigOption {
     prefix: string;
     locale: LanType;
     delay?: number;
     trim?: boolean;
-    spin?: string;
+    spin?: SpinConfig;
     direction: Direction;
     popupContainer?: HTMLElement | null | (() => HTMLElement | null);
 }

package/esm/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,UAAU,GAClB,MAAM,GACN;IACE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAGD,eAAO,IAAI,MAAM,EAAE,YAQlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,oBAErB,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/spin/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,QAAA,MAAM,IAAI,UAAW,aAAa,gBAiCjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/spin/base.js

@@ -1,24 +1,32 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import React from 'react';
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 var range = util.range;
 var Spin = function Spin(props) {
-  var _jssStyle$spin;
+  var _jssStyle$spin, _ref;
   var _props$count = props.count,
     count = _props$count === void 0 ? 0 : _props$count,
     render = props.render,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 40 : _props$size,
+    sizeProps = props.size,
     className = props.className,
     jssStyle = props.jssStyle;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle);
+  var config = useConfig();
+  var getSpinSize = function getSpinSize() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var size = spin.size;
+    return size;
+  };
+  var size = (_ref = sizeProps !== null && sizeProps !== void 0 ? sizeProps : getSpinSize()) !== null && _ref !== void 0 ? _ref : 40;
   var style = Object.assign({
     width: size,
     height: size

package/esm/spin/spin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAqE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAgH7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/spin/spin.js

@@ -1,16 +1,16 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import classNames from 'classnames';
 import Spins from "./spins";
 import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Spin = function Spin() {
-  var _ref, _jssStyle$spin;
+  var _ref, _ref2, _jssStyle$spin;
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var jssStyle = props.jssStyle,
     className = props.className,
@@ -18,13 +18,45 @@ var Spin = function Spin() {
     style = props.style,
     loading = props.loading,
     nameProps = props.name,
-    tip = props.tip,
+    tipProps = props.tip,
     tipClassName = props.tipClassName,
-    color = props.color,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'vertical' : _props$mode;
+    colorProps = props.color,
+    modeProps = props.mode;
   var config = useConfig();
-  var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : config.spin) !== null && _ref !== void 0 ? _ref : 'default';
+  var getSpinName = function getSpinName() {
+    var spin = config.spin;
+    if (!spin) return;
+    if (typeof spin === 'string') {
+      return spin;
+    }
+    if (_typeof(spin) === 'object') {
+      var _name = spin.name;
+      return _name;
+    }
+    return;
+  };
+  var getSpinTip = function getSpinTip() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var tip = spin.tip;
+    return tip;
+  };
+  var getSpinColor = function getSpinColor() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var color = spin.color;
+    return color;
+  };
+  var getSpinMode = function getSpinMode() {
+    var spin = config.spin;
+    if (!spin || _typeof(spin) !== 'object') return;
+    var mode = spin.mode;
+    return mode;
+  };
+  var name = (_ref = nameProps !== null && nameProps !== void 0 ? nameProps : getSpinName()) !== null && _ref !== void 0 ? _ref : 'default';
+  var tip = tipProps !== null && tipProps !== void 0 ? tipProps : getSpinTip();
+  var color = colorProps !== null && colorProps !== void 0 ? colorProps : getSpinColor();
+  var mode = (_ref2 = modeProps !== null && modeProps !== void 0 ? modeProps : getSpinMode()) !== null && _ref2 !== void 0 ? _ref2 : 'vertical';
   var spinStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
   var contentClass = classNames(className, spinStyle.content, _defineProperty(_defineProperty({}, spinStyle.vertical, mode === 'vertical'), spinStyle.horizontal, mode === 'horizontal'));
   var renderSpin = function renderSpin() {
@@ -32,6 +64,7 @@ var Spin = function Spin() {
     if (Spins[n]) {
       var Comp = Spins[n];
       return /*#__PURE__*/_jsx(Comp, _objectSpread(_objectSpread({}, props), {}, {
+        color: color,
         style: style
       }));
     }
@@ -49,7 +82,7 @@ var Spin = function Spin() {
     });
   };
   var renderContent = function renderContent() {
-    if ('tip' in props) {
+    if (tip) {
       return /*#__PURE__*/_jsxs("div", {
         className: contentClass,
         children: [renderSpin(), tip && renderTip()]

package/esm/tag/use-tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tag.d.ts","sourceRoot":"","sources":["use-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,QAAA,MAAM,MAAM,UAAW,YAAY;;;;oBAkBV,MAAM;qBAuCL,gBAAgB,CAAC,cAAc,CAAC;qBAlDhC,gBAAgB,CAAC,cAAc,CAAC;4BAyDzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"use-tag.d.ts","sourceRoot":"","sources":["use-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,QAAA,MAAM,MAAM,UAAW,YAAY;;;;oBAkBV,MAAM;qBAuCL,gBAAgB,CAAC,cAAc,CAAC;qBAlDhC,gBAAgB,CAAC,cAAc,CAAC;4BA0DzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/tag/use-tag.js

@@ -74,6 +74,7 @@ var useTag = function useTag(props) {
     setDismiss(Done);
   };
   var handleClose = function handleClose(e) {
+    e.stopPropagation();
     if (disabled || dismiss !== Finish) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.4.3-beta.10",
+  "version": "3.4.3-beta.11",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.4.3-beta.10",
+    "@sheinx/hooks": "3.4.3-beta.11",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"