xt-element-ui 1.0.9 → 1.1.0

package/lib/index.common.js

@@ -87,18 +87,18 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "27fd":
+/***/ "72fa":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"xtColorPrimary":"#409EFF","xtColorSuccess":"#67C23A","xtColorWarning":"#E6A23C","xtColorDanger":"#F56C6C","xtColorInfo":"#909399","xtColorPrimaryLight3":"#79BBFF","xtColorPrimaryLight5":"#A0CFFF","xtColorPrimaryLight7":"#C6E2FF","xtColorPrimaryLight8":"#D9ECFF","xtColorPrimaryLight9":"#ECF5FF","xtColorTextPrimary":"#303133","xtColorTextRegular":"#606266","xtColorTextSecondary":"#909399","xtColorTextPlaceholder":"#C0C4CC","xtColorTextDisabled":"#C0C4CC","xtColorBgPrimary":"#ffffff","xtColorBgSecondary":"#f5f7fa","xtColorBgHover":"#f5f5f5","xtColorBgContainer":"#f5f7fa","xtColorBgOverlay":"#ffffff","xtColorBorder":"#DCDFE6","xtColorBorderLight":"#E4E7ED","xtColorBorderLighter":"#EBEEF5","xtColorBorderExtraLight":"#F2F6FC","xtFontSizeExtraLarge":"20px","xtFontSizeLarge":"18px","xtFontSizeMedium":"16px","xtFontSizeBase":"14px","xtFontSizeSmall":"13px","xtFontSizeExtraSmall":"12px","xtSpacingXs":"4px","xtSpacingSm":"8px","xtSpacingMd":"12px","xtSpacingLg":"16px","xtSpacingXl":"20px","xtBorderRadiusBase":"4px","xtBorderRadiusSmall":"2px","xtBorderRadiusRound":"20px","xtBorderRadiusCircle":"50%","xtShadowSm":"0 2px 4px rgba(0, 0, 0, 0.04)","xtShadowMd":"0 4px 12px rgba(0, 0, 0, 0.08)","xtShadowLg":"0 8px 24px rgba(0, 0, 0, 0.12)","xtTransitionDuration":"0.3s","xtTransitionDurationFast":"0.2s"};
 
 /***/ }),
 
-/***/ "7fc4":
+/***/ "ad4d":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
+module.exports = {"xtColorPrimary":"#1890ff","xtColorSuccess":"#37c3a4","xtColorWarning":"#FFB74D","xtColorDanger":"#EA1D34","xtColorInfo":"#999999","xtColorPrimaryLight3":"#5DB1FF","xtColorPrimaryLight5":"#8CC8FF","xtColorPrimaryLight7":"#BADEFF","xtColorPrimaryLight8":"#D1E9FF","xtColorPrimaryLight9":"#E8F4FF","xtColorTextPrimary":"#303133","xtColorTextRegular":"#606266","xtColorTextSecondary":"#909399","xtColorTextPlaceholder":"#C0C4CC","xtColorTextDisabled":"#C0C4CC","xtColorBgPrimary":"#ffffff","xtColorBgSecondary":"#f5f7fa","xtColorBgHover":"#f5f5f5","xtColorBgContainer":"#f5f7fa","xtColorBgOverlay":"#ffffff","xtColorBorder":"#DCDFE6","xtColorBorderLight":"#E4E7ED","xtColorBorderLighter":"#EBEEF5","xtColorBorderExtraLight":"#F2F6FC","xtFontSizeExtraLarge":"20px","xtFontSizeLarge":"18px","xtFontSizeMedium":"16px","xtFontSizeBase":"14px","xtFontSizeSmall":"13px","xtFontSizeExtraSmall":"12px","xtSpacingXs":"4px","xtSpacingSm":"8px","xtSpacingMd":"12px","xtSpacingLg":"16px","xtSpacingXl":"20px","xtBorderRadiusBase":"4px","xtBorderRadiusSmall":"2px","xtBorderRadiusRound":"20px","xtBorderRadiusCircle":"50%","xtShadowSm":"0 2px 4px rgba(0, 0, 0, 0.04)","xtShadowMd":"0 4px 12px rgba(0, 0, 0, 0.08)","xtShadowLg":"0 8px 24px rgba(0, 0, 0, 0.12)","xtTransitionDuration":"0.3s","xtTransitionDurationFast":"0.2s"};
 
 /***/ }),
 
@@ -118,7 +118,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "utils", function() { return /* reexport */ src_utils; });
-__webpack_require__.d(__webpack_exports__, "variables", function() { return /* reexport */ export_default.a; });
+__webpack_require__.d(__webpack_exports__, "variables", function() { return /* reexport */ variables_export_default.a; });
 __webpack_require__.d(__webpack_exports__, "getConfig", function() { return /* reexport */ src_getConfig; });
 __webpack_require__.d(__webpack_exports__, "setConfig", function() { return /* reexport */ src_setConfig; });
 __webpack_require__.d(__webpack_exports__, "getTheme", function() { return /* reexport */ src_getTheme; });
@@ -146,22 +146,22 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// EXTERNAL MODULE: ./src/styles/vars.scss
-var vars = __webpack_require__("7fc4");
+// EXTERNAL MODULE: ./src/styles/css-variables.scss
+var css_variables = __webpack_require__("72fa");
 
 // EXTERNAL MODULE: ./src/components/index.scss
 var components = __webpack_require__("d67a");
 
-// EXTERNAL MODULE: ./src/styles/export.scss
-var styles_export = __webpack_require__("27fd");
-var export_default = /*#__PURE__*/__webpack_require__.n(styles_export);
+// EXTERNAL MODULE: ./src/styles/variables-export.scss
+var variables_export = __webpack_require__("ad4d");
+var variables_export_default = /*#__PURE__*/__webpack_require__.n(variables_export);
 
 // CONCATENATED MODULE: ./src/utils/index.js
 // 默认配置
 const defaultConfig = {
-    theme: 'light',
+    theme: 'white',
     size: 'medium',
-    primaryColor: '#409EFF'
+    primaryColor: '#1890ff'
 }
 
 // 当前配置
@@ -205,7 +205,7 @@ const setConfig = function(config) {
 
 // 设置主题
 const setTheme = function(theme) {
-    const validThemes = ['light', 'dark']
+    const validThemes = ['white', 'dark']
     if (!validThemes.includes(theme)) {
       console.warn(`[XtElementUI] 无效的主题值: ${theme}，可选值: ${validThemes.join(', ')}`)
       return
@@ -216,10 +216,8 @@ const setTheme = function(theme) {
     
     // 使用类名方式切换主题（兼容 Element Plus 风格）
     if (theme === 'dark') {
-      root.classList.add('dark')
       root.setAttribute('data-theme', 'dark')
     } else {
-      root.classList.remove('dark')
       root.removeAttribute('data-theme')
     }
     
@@ -353,13 +351,21 @@ const onConfigChange = function(listener) {
     onConfigChange
 });
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=template&id=0886961b
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{staticClass:"xt-button",class:['xt-button--' + _vm.type],style:(_vm.buttonStyle),attrs:{"type":_vm.type,"plain":_vm.plain},on:{"click":_vm.handleClick}},[_vm._t("default")],2)
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=template&id=0890decd
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:"xt-button",class:[
+    'xt-button--' + _vm.type, 
+    _vm.size ? 'xt-button--' + _vm.size : '',
+    {
+      'xt-button--plain': _vm.plain, 
+      'is-disabled': _vm.disabled,
+      'is-round': _vm.round
+    }
+  ],attrs:{"disabled":_vm.disabled},on:{"click":_vm.handleClick}},[_vm._t("default")],2)
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/button/index.vue?vue&type=template&id=0886961b
+// CONCATENATED MODULE: ./src/components/button/index.vue?vue&type=template&id=0890decd
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/index.vue?vue&type=script&lang=js
 
@@ -368,32 +374,32 @@ var staticRenderFns = []
   props: {
     type: {
       type: String,
-      default: 'primary'
+      default: 'default',
+      validator: (val) => ['default', 'primary', 'success', 'warning', 'danger'].includes(val)
+    },
+    size: {
+      type: String,
+      default: '',
+      validator: (val) => ['', 'large', 'medium', 'small', 'mini'].includes(val)
     },
     plain: {
       type: Boolean,
       default: false
     },
-    color: {
-      type: String,
-      default: ''
-    }
-  },
-  computed: {
-    buttonStyle() {
-      if (this.color) {
-        return {
-          '--xt-button-bg-color': this.color,
-          '--xt-button-border-color': this.color,
-          '--xt-button-text-color': '#fff'
-        }
-      }
-      return {}
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    round: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
     handleClick() {
-      this.$emit('click')
+      if (!this.disabled) {
+        this.$emit('click')
+      }
     }
   }
 });
@@ -783,13 +789,13 @@ var card_item_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/card-item/index.js
 
 /* harmony default export */ var components_card_item = (card_item);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/config-provider/index.vue?vue&type=template&id=676593fc
-var config_providervue_type_template_id_676593fc_render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.tag,_vm._b({tag:"component",class:_vm.computedClass,style:(_vm.mergedStyle)},'component',_vm.customAttrs,false),[_vm._t("default")],2)
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/config-provider/index.vue?vue&type=template&id=7d1cf1ae
+var config_providervue_type_template_id_7d1cf1ae_render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.tag,_vm._b({tag:"component",class:_vm.computedClass,style:(_vm.mergedStyle)},'component',_vm.customAttrs,false),[_vm._t("default")],2)
 }
-var config_providervue_type_template_id_676593fc_staticRenderFns = []
+var config_providervue_type_template_id_7d1cf1ae_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/config-provider/index.vue?vue&type=template&id=676593fc
+// CONCATENATED MODULE: ./src/components/config-provider/index.vue?vue&type=template&id=7d1cf1ae
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/config-provider/index.vue?vue&type=script&lang=js
 
@@ -799,7 +805,7 @@ var config_providervue_type_template_id_676593fc_staticRenderFns = []
   props: {
     theme: {
       type: String,
-      default: 'light'
+      default: 'white'
     },
     size: {
       type: String,
@@ -862,6 +868,23 @@ var config_providervue_type_template_id_676593fc_staticRenderFns = []
         result['--xt-color-border'] = '#434343'
         result['--xt-color-border-light'] = '#3d3d3d'
         
+        if (this.injectBackground) {
+          result.backgroundColor = result['--xt-color-bg-primary']
+        }
+        if (this.injectColor) {
+          result.color = result['--xt-color-text-primary']
+        }
+      } else {
+        // 恢复默认主题颜色（white 主题）
+        result['--xt-color-text-primary'] = '#303133'
+        result['--xt-color-text-regular'] = '#606266'
+        result['--xt-color-text-secondary'] = '#909399'
+        result['--xt-color-bg-primary'] = '#ffffff'
+        result['--xt-color-bg-secondary'] = '#f5f7fa'
+        result['--xt-color-bg-container'] = '#f5f7fa'
+        result['--xt-color-border'] = '#DCDFE6'
+        result['--xt-color-border-light'] = '#E4E7ED'
+        
         if (this.injectBackground) {
           result.backgroundColor = result['--xt-color-bg-primary']
         }
@@ -968,8 +991,8 @@ var config_providervue_type_template_id_676593fc_staticRenderFns = []
 
 var config_provider_component = normalizeComponent(
   components_config_providervue_type_script_lang_js,
-  config_providervue_type_template_id_676593fc_render,
-  config_providervue_type_template_id_676593fc_staticRenderFns,
+  config_providervue_type_template_id_7d1cf1ae_render,
+  config_providervue_type_template_id_7d1cf1ae_staticRenderFns,
   false,
   null,
   null,
@@ -982,6 +1005,72 @@ var config_provider_component = normalizeComponent(
 
 /* harmony default export */ var components_config_provider = (config_provider);
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"721fc731-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/text/index.vue?vue&type=template&id=04e7447e
+var textvue_type_template_id_04e7447e_render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:"xt-text",class:[
+    _vm.type ? 'xt-text--' + _vm.type : '',
+    { 'xt-text--bold': _vm.bold }
+  ],style:(_vm.customStyle)},[_vm._t("default")],2)
+}
+var textvue_type_template_id_04e7447e_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/text/index.vue?vue&type=template&id=04e7447e
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/text/index.vue?vue&type=script&lang=js
+
+/* harmony default export */ var textvue_type_script_lang_js = ({
+  name: 'XtText',
+  props: {
+    type: {
+      type: String,
+      default: '',
+      validator: (val) => ['', 'primary', 'success', 'warning', 'danger'].includes(val)
+    },
+    bold: {
+      type: Boolean,
+      default: false
+    },
+    letterSpacing: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  computed: {
+    customStyle() {
+      const style = {}
+      if (this.letterSpacing) {
+        style.letterSpacing = typeof this.letterSpacing === 'number' ? `${this.letterSpacing}px` : this.letterSpacing
+      }
+      return style
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/text/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_textvue_type_script_lang_js = (textvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/text/index.vue
+
+
+
+
+
+/* normalize component */
+
+var text_component = normalizeComponent(
+  components_textvue_type_script_lang_js,
+  textvue_type_template_id_04e7447e_render,
+  textvue_type_template_id_04e7447e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var components_text = (text_component.exports);
+// CONCATENATED MODULE: ./src/components/text/index.js
+
+/* harmony default export */ var src_components_text = (components_text);
 // CONCATENATED MODULE: ./src/index.js
 // 导入主题样式（定义 CSS 变量）
 
@@ -1008,6 +1097,7 @@ const { getConfig: src_getConfig, setConfig: src_setConfig, getTheme: src_getThe
 
 
 
+
 // 存储组件列表
 const src_components = [
   src_components_button,
@@ -1015,7 +1105,8 @@ const src_components = [
   components_flex_box,
   components_card,
   components_card_item,
-  components_config_provider
+  components_config_provider,
+  src_components_text
 ]
 
 
@@ -1078,7 +1169,8 @@ if (typeof window !== 'undefined' && window.Vue) {
   FlexBox: components_flex_box,
   Card: components_card,
   CardItem: components_card_item,
-  ConfigProvider: components_config_provider
+  ConfigProvider: components_config_provider,
+  Text: src_components_text
 });
 
 // 导出工具函数和变量

package/lib/index.css

@@ -1 +1 @@
-:root{--xt-color-primary:#409eff;--xt-color-success:#67c23a;--xt-color-warning:#e6a23c;--xt-color-danger:#f56c6c;--xt-color-info:#909399;--xt-color-primary-light-3:#79bbff;--xt-color-primary-light-5:#a0cfff;--xt-color-primary-light-7:#c6e2ff;--xt-color-primary-light-8:#d9ecff;--xt-color-primary-light-9:#ecf5ff;--xt-color-text-primary:#303133;--xt-color-text-regular:#606266;--xt-color-text-secondary:#909399;--xt-color-text-placeholder:#c0c4cc;--xt-color-text-disabled:#c0c4cc;--xt-color-bg-primary:#fff;--xt-color-bg-secondary:#f5f7fa;--xt-color-bg-hover:#f5f5f5;--xt-color-bg-container:#f5f7fa;--xt-color-bg-overlay:#fff;--xt-color-border:#dcdfe6;--xt-color-border-light:#e4e7ed;--xt-color-border-lighter:#ebeef5;--xt-color-border-extra-light:#f2f6fc;--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px;--xt-spacing-xs:4px;--xt-spacing-sm:8px;--xt-spacing-md:12px;--xt-spacing-lg:16px;--xt-spacing-xl:20px;--xt-border-radius-base:4px;--xt-border-radius-small:2px;--xt-border-radius-round:20px;--xt-border-radius-circle:50%;--xt-shadow-sm:0 2px 4px rgba(0,0,0,0.04);--xt-shadow-md:0 4px 12px rgba(0,0,0,0.08);--xt-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--xt-transition-duration:0.3s;--xt-transition-duration-fast:0.2s;--xt-button-height:32px;--xt-button-padding-x:15px;--xt-button-padding-y:8px;--xt-button-font-weight:500;--xt-button-border-width:1px;--xt-button-transition:0.1s;--xt-card-bg-color:#fff;--xt-card-border-color:#ebeef5;--xt-card-border-radius:4px;--xt-card-padding:20px;--xt-card-header-padding:18px 20px;--xt-card-shadow:0 2px 12px 0 rgba(0,0,0,0.1);--xt-card-item-min-height:40px;--xt-card-item-gap:10px;--xt-card-item-border-width:3px;--xt-input-height:32px;--xt-input-padding-x:15px;--xt-input-bg-color:#fff;--xt-input-border-color:#dcdfe6;--xt-input-text-color:#303133;--xt-input-placeholder-color:#c0c4cc;--xt-flex-box-gap:8px}html.dark,html[data-theme=dark]{--xt-color-primary:var(--xt-color-primary);--xt-color-success:#4bc376;--xt-color-warning:#e6b61e;--xt-color-danger:#c13737;--xt-color-info:#3f4249;--xt-color-text-primary:hsla(0,0%,100%,0.95);--xt-color-text-regular:hsla(0,0%,100%,0.8);--xt-color-text-secondary:hsla(0,0%,100%,0.6);--xt-color-text-placeholder:hsla(0,0%,100%,0.4);--xt-color-text-disabled:hsla(0,0%,100%,0.3);--xt-color-bg-primary:#1f1f1f;--xt-color-bg-secondary:#2d2d2d;--xt-color-bg-hover:#3d3d3d;--xt-color-bg-container:#1f1f1f;--xt-color-bg-overlay:#2d2d2d;--xt-color-border:#434343;--xt-color-border-light:#3d3d3d;--xt-color-border-lighter:#3d3d3d;--xt-color-border-extra-light:#434343;--xt-card-bg-color:#1f1f1f;--xt-card-border-color:#434343;--xt-input-bg-color:#2d2d2d;--xt-input-border-color:#434343;--xt-input-text-color:hsla(0,0%,100%,0.95);--xt-input-placeholder-color:hsla(0,0%,100%,0.4);--xt-dark-button-primary-bg:#1e40af;--xt-dark-button-success-bg:#166534;--xt-dark-button-warning-bg:#78350f;--xt-dark-button-danger-bg:#991b1b;--xt-dark-button-info-bg:#374151}[data-size=small]{--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px}[data-size=medium]{--xt-font-size-extra-large:22px;--xt-font-size-large:20px;--xt-font-size-medium:18px;--xt-font-size-base:16px;--xt-font-size-small:15px;--xt-font-size-extra-small:14px}[data-size=large]{--xt-font-size-extra-large:24px;--xt-font-size-large:22px;--xt-font-size-medium:20px;--xt-font-size-base:18px;--xt-font-size-small:17px;--xt-font-size-extra-small:16px}.xt-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:var(--xt-button-height,32px);white-space:nowrap;cursor:pointer;color:var(--xt-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:var(--xt-button-transition,.1s);font-weight:var(--xt-button-font-weight,500);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--xt-button-bg-color);border:var(--xt-button-border-width,1px) solid var(--xt-button-border-color);border-radius:var(--xt-border-radius-base,4px);padding:var(--xt-button-padding-y,8px) var(--xt-button-padding-x,15px);font-size:var(--xt-font-size-base,14px)}.xt-button,.xt-button--primary{--xt-button-bg-color:var(--xt-color-primary,#409eff);--xt-button-border-color:var(--xt-color-primary,#409eff);--xt-button-text-color:#fff}.xt-button--success{--xt-button-bg-color:var(--xt-color-success,#67c23a);--xt-button-border-color:var(--xt-color-success,#67c23a);--xt-button-text-color:#fff}.xt-button--warning{--xt-button-bg-color:var(--xt-color-warning,#e6a23c);--xt-button-border-color:var(--xt-color-warning,#e6a23c);--xt-button-text-color:#fff}.xt-button--danger{--xt-button-bg-color:var(--xt-color-danger,#f56c6c);--xt-button-border-color:var(--xt-color-danger,#f56c6c);--xt-button-text-color:#fff}.xt-button--info{--xt-button-bg-color:var(--xt-color-info,#909399);--xt-button-border-color:var(--xt-color-info,#909399);--xt-button-text-color:#fff}html.dark .xt-button--success{--xt-button-bg-color:var(--xt-dark-button-success-bg,#166534);--xt-button-border-color:var(--xt-dark-button-success-bg,#166534)}html.dark .xt-button--warning{--xt-button-bg-color:var(--xt-dark-button-warning-bg,#78350f);--xt-button-border-color:var(--xt-dark-button-warning-bg,#78350f)}html.dark .xt-button--danger{--xt-button-bg-color:var(--xt-dark-button-danger-bg,#991b1b);--xt-button-border-color:var(--xt-dark-button-danger-bg,#991b1b)}html.dark .xt-button--info{--xt-button-bg-color:var(--xt-dark-button-info-bg,#374151);--xt-button-border-color:var(--xt-dark-button-info-bg,#374151)}.xt-button--danger[plain],.xt-button--info[plain],.xt-button--primary[plain],.xt-button--success[plain],.xt-button--warning[plain]{--xt-button-bg-color:var(--xt-color-bg-primary,#fff);--xt-button-text-color:var(--xt-color-primary,#409eff)}.xt-button--success[plain]{--xt-button-text-color:var(--xt-color-success,#67c23a)}.xt-button--warning[plain]{--xt-button-text-color:var(--xt-color-warning,#e6a23c)}.xt-button--danger[plain]{--xt-button-text-color:var(--xt-color-danger,#f56c6c)}.xt-button--info[plain]{--xt-button-text-color:var(--xt-color-info,#909399)}html.dark .xt-button--success[plain]{--xt-button-text-color:var(--xt-dark-color-success,#1dac4c)}html.dark .xt-button--warning[plain]{--xt-button-text-color:var(--xt-dark-color-warning,#8d5e18)}html.dark .xt-button--danger[plain]{--xt-button-text-color:var(--xt-dark-color-danger,#a02727)}html.dark .xt-button--info[plain]{--xt-button-text-color:var(--xt-dark-color-info,#3f4249)}.xt-button:hover{opacity:.8}.xt-button:disabled{opacity:.6;cursor:not-allowed}.xt-card{--xt-card-bg-color:var(--xt-card-bg-color,#fff);--xt-card-border-color:var(--xt-card-border-color,#ebeef5);--xt-card-text-color:var(--xt-color-text-primary,#303133);border-radius:var(--xt-card-border-radius,4px);box-shadow:var(--xt-card-shadow,0 2px 12px 0 rgba(0,0,0,.1));background-color:var(--xt-card-bg-color);overflow:hidden;color:var(--xt-card-text-color);transition:var(--xt-transition-duration,.3s)}.xt-card .card__header{padding:var(--xt-card-header-padding,18px 20px);box-sizing:border-box;font-weight:600;font-size:var(--xt-font-size-medium,16px)}.xt-card .card__body{padding:var(--xt-card-padding,20px)}.xt-card .card__body .value{font-size:var(--xt-font-size-large,18px);font-weight:600;color:var(--xt-color-primary,#409eff)}.xt-card .card__body .unit{font-size:var(--xt-font-size-base,14px);color:var(--xt-color-text-secondary,#909399);margin-left:4px}.xt-card .value{font-weight:600}.xt-card .card__header+.card__body{padding-top:0}.xt-card.noPadding .card__body{padding:0}.xt-card-item{--xt-card-item-color:var(--xt-color-primary,#409eff);min-height:var(--xt-card-item-min-height,40px)}.xt-card-item+.xt-card-item{margin-top:var(--xt-card-item-gap,10px)}.xt-card-item.is-border{border-right:var(--xt-card-item-border-width,3px) solid transparent;background-color:var(--xt-color-bg-secondary,#f5f7fa)}.xt-card-item.is-border.is-primary{border-right-color:var(--xt-card-item-color)}.xt-card-item.is-border.is-primary .item__value .value{color:var(--xt-card-item-color)}.xt-card-item.is-border.is-success{border-right-color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-success .item__value .value{color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-warning{border-right-color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-warning .item__value .value{color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-danger{border-right-color:var(--xt-color-danger,#f56c6c)}.xt-card-item.is-border.is-danger .item__value .value{color:var(--xt-color-danger,#f56c6c)}.xt-card-item .item__value{padding-right:10px}.xt-card-item .item__value .value{font-weight:600;font-size:var(--xt-font-size-base,14px)}.xt-card-item .item__value .unit{font-size:var(--xt-font-size-small,13px);color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__label{padding-left:10px;color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__unit{padding-left:5px;color:var(--xt-color-text-secondary,#909399)}.xt-input .el-input__inner{--xt-input-focus-color:var(--xt-color-primary,#409eff);background-color:var(--xt-input-bg-color,#fff);border-color:var(--xt-input-border-color,#dcdfe6);color:var(--xt-input-text-color,#303133);font-size:var(--xt-font-size-base,14px)}.xt-input .el-input__inner::-moz-placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner::placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner:focus{border-color:var(--xt-input-focus-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--xt-input-focus-color) 20%,transparent)}.xt-input .el-input{height:var(--xt-input-height,32px)}.xt-input .el-input .el-input__wrapper{padding:0 var(--xt-input-padding-x,15px)}.xt-flex-box.flex{display:flex}.xt-flex-box.flex.direction-row-reverse>.flex,.xt-flex-box.flex.direction-row>.flex{width:100%}.xt-flex-box.flex.direction-column-reverse>.flex,.xt-flex-box.flex.direction-column>.flex{height:100%}.xt-flex-box.is-inline{display:inline-flex}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.content-center{justify-content:center}.content-around{justify-content:space-around}.content-between{justify-content:space-between}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-nowrap{flex-wrap:nowrap}.wrap-unset{flex-wrap:wrap}.xt-config-provider--dark.xt-config-provider--with-bg{background-color:var(--xt-color-bg-primary,#1f1f1f);color:var(--xt-color-text-primary,hsla(0,0%,100%,.95))}
+:root{--xt-color-primary:#1890ff;--xt-color-success:#37c3a4;--xt-color-warning:#ffb74d;--xt-color-danger:#ea1d34;--xt-color-info:#999;--xt-color-primary-light-3:#5db1ff;--xt-color-primary-light-5:#8cc8ff;--xt-color-primary-light-7:#badeff;--xt-color-primary-light-8:#d1e9ff;--xt-color-primary-light-9:#e8f4ff;--xt-color-text-primary:#303133;--xt-color-text-regular:#606266;--xt-color-text-secondary:#909399;--xt-color-text-placeholder:#c0c4cc;--xt-color-text-disabled:#c0c4cc;--xt-color-bg-primary:#fff;--xt-color-bg-secondary:#f5f7fa;--xt-color-bg-hover:#f5f5f5;--xt-color-bg-container:#f5f7fa;--xt-color-bg-overlay:#fff;--xt-color-border:#dcdfe6;--xt-color-border-light:#e4e7ed;--xt-color-border-lighter:#ebeef5;--xt-color-border-extra-light:#f2f6fc;--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px;--xt-spacing-xs:4px;--xt-spacing-sm:8px;--xt-spacing-md:12px;--xt-spacing-lg:16px;--xt-spacing-xl:20px;--xt-border-radius-base:4px;--xt-border-radius-small:2px;--xt-border-radius-round:20px;--xt-border-radius-circle:50%;--xt-shadow-sm:0 2px 4px rgba(0,0,0,0.04);--xt-shadow-md:0 4px 12px rgba(0,0,0,0.08);--xt-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--xt-transition-duration:0.3s;--xt-transition-duration-fast:0.2s;--xt-button-height:32px;--xt-button-padding-x:15px;--xt-button-padding-y:8px;--xt-button-font-weight:500;--xt-button-border-width:1px;--xt-button-transition:0.1s;--xt-card-bg-color:#fff;--xt-card-border-color:#ebeef5;--xt-card-border-radius:4px;--xt-card-padding:20px;--xt-card-header-padding:18px 20px;--xt-card-shadow:0 2px 12px 0 rgba(0,0,0,0.1);--xt-card-item-min-height:40px;--xt-card-item-gap:10px;--xt-card-item-border-width:3px;--xt-input-height:32px;--xt-input-padding-x:15px;--xt-input-bg-color:#fff;--xt-input-border-color:#dcdfe6;--xt-input-text-color:#303133;--xt-input-placeholder-color:#c0c4cc;--xt-flex-box-gap:8px}html[data-theme=dark]{--xt-color-primary:var(--xt-color-primary);--xt-color-success:#4bc376;--xt-color-warning:#e6b61e;--xt-color-danger:#c13737;--xt-color-info:#3f4249;--xt-color-text-primary:hsla(0,0%,100%,0.95);--xt-color-text-regular:hsla(0,0%,100%,0.8);--xt-color-text-secondary:hsla(0,0%,100%,0.6);--xt-color-text-placeholder:hsla(0,0%,100%,0.4);--xt-color-text-disabled:hsla(0,0%,100%,0.3);--xt-color-bg-primary:#1f1f1f;--xt-color-bg-secondary:#2d2d2d;--xt-color-bg-hover:#3d3d3d;--xt-color-bg-container:#1f1f1f;--xt-color-bg-overlay:#2d2d2d;--xt-color-border:#434343;--xt-color-border-light:#3d3d3d;--xt-color-border-lighter:#3d3d3d;--xt-color-border-extra-light:#434343;--xt-card-bg-color:#1f1f1f;--xt-card-border-color:#434343;--xt-input-bg-color:#2d2d2d;--xt-input-border-color:#434343;--xt-input-text-color:hsla(0,0%,100%,0.95);--xt-input-placeholder-color:hsla(0,0%,100%,0.4);--xt-dark-button-primary-bg:#1e40af;--xt-dark-button-success-bg:#166534;--xt-dark-button-warning-bg:#78350f;--xt-dark-button-danger-bg:#991b1b;--xt-dark-button-info-bg:#374151}[data-size=small]{--xt-font-size-extra-large:20px;--xt-font-size-large:18px;--xt-font-size-medium:16px;--xt-font-size-base:14px;--xt-font-size-small:13px;--xt-font-size-extra-small:12px}[data-size=medium]{--xt-font-size-extra-large:22px;--xt-font-size-large:20px;--xt-font-size-medium:18px;--xt-font-size-base:16px;--xt-font-size-small:15px;--xt-font-size-extra-small:14px}[data-size=large]{--xt-font-size-extra-large:24px;--xt-font-size-large:22px;--xt-font-size-medium:20px;--xt-font-size-base:18px;--xt-font-size-small:17px;--xt-font-size-extra-small:16px}.xt-button{--xt-button-bg-color:transparent;--xt-button-border-color:var(--xt-color-border,#dcdfe6);--xt-button-text-color:var(--xt-color-text-regular,#606266);display:inline-flex;justify-content:center;align-items:center;line-height:1;height:var(--xt-button-height,32px);white-space:nowrap;cursor:pointer;color:var(--xt-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:var(--xt-button-transition,.1s);font-weight:var(--xt-button-font-weight,500);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--xt-button-bg-color);border:var(--xt-button-border-width,1px) solid var(--xt-button-border-color);border-radius:var(--xt-border-radius-base,4px);padding:var(--xt-button-padding-y,8px) var(--xt-button-padding-x,15px);font-size:var(--xt-font-size-base,14px)}.xt-button:hover{--xt-button-bg-color:var(--xt-color-bg-hover,#f5f5f5)}.xt-button:active{--xt-button-bg-color:var(--xt-color-bg-secondary,#f5f7fa)}.xt-button:disabled{--xt-button-bg-color:transparent;--xt-button-border-color:var(--xt-color-border-light,#e4e7ed);--xt-button-text-color:var(--xt-color-text-disabled,#c0c4cc);cursor:not-allowed}.xt-button--primary{--xt-button-bg-color:var(--xt-color-primary,#1890ff);--xt-button-border-color:var(--xt-color-primary,#1890ff);--xt-button-text-color:#fff}.xt-button--success{--xt-button-bg-color:var(--xt-color-success,#37c3a4);--xt-button-border-color:var(--xt-color-success,#37c3a4);--xt-button-text-color:#fff}.xt-button--warning{--xt-button-bg-color:var(--xt-color-warning,#ffb74d);--xt-button-border-color:var(--xt-color-warning,#ffb74d);--xt-button-text-color:#fff}.xt-button--danger{--xt-button-bg-color:var(--xt-color-danger,#ea1d34);--xt-button-border-color:var(--xt-color-danger,#ea1d34);--xt-button-text-color:#fff}.xt-button--info{--xt-button-bg-color:var(--xt-color-info,#909399);--xt-button-border-color:var(--xt-color-info,#909399);--xt-button-text-color:#fff}html.dark .xt-button--success{--xt-button-bg-color:var(--xt-dark-button-success-bg,#166534);--xt-button-border-color:var(--xt-dark-button-success-bg,#166534)}html.dark .xt-button--warning{--xt-button-bg-color:var(--xt-dark-button-warning-bg,#78350f);--xt-button-border-color:var(--xt-dark-button-warning-bg,#78350f)}html.dark .xt-button--danger{--xt-button-bg-color:var(--xt-dark-button-danger-bg,#991b1b);--xt-button-border-color:var(--xt-dark-button-danger-bg,#991b1b)}html.dark .xt-button--info{--xt-button-bg-color:var(--xt-dark-button-info-bg,#374151);--xt-button-border-color:var(--xt-dark-button-info-bg,#374151)}.xt-button--danger[plain],.xt-button--info[plain],.xt-button--primary[plain],.xt-button--success[plain],.xt-button--warning[plain]{--xt-button-bg-color:var(--xt-color-bg-primary,#fff);--xt-button-text-color:var(--xt-color-primary,#1890ff)}.xt-button--success[plain]{--xt-button-text-color:var(--xt-color-success,#37c3a4)}.xt-button--warning[plain]{--xt-button-text-color:var(--xt-color-warning,#ffb74d)}.xt-button--danger[plain]{--xt-button-text-color:var(--xt-color-danger,#ea1d34)}.xt-button--info[plain]{--xt-button-text-color:var(--xt-color-info,#999)}html.dark .xt-button--success[plain]{--xt-button-text-color:var(--xt-dark-color-success,#1dac4c)}html.dark .xt-button--warning[plain]{--xt-button-text-color:var(--xt-dark-color-warning,#8d5e18)}html.dark .xt-button--danger[plain]{--xt-button-text-color:var(--xt-dark-color-danger,#a02727)}html.dark .xt-button--info[plain]{--xt-button-text-color:var(--xt-dark-color-info,#3f4249)}.xt-card{--xt-card-bg-color:var(--xt-card-bg-color,#fff);--xt-card-border-color:var(--xt-card-border-color,#ebeef5);--xt-card-text-color:var(--xt-color-text-primary,#303133);border-radius:var(--xt-card-border-radius,4px);box-shadow:var(--xt-card-shadow,0 2px 12px 0 rgba(0,0,0,.1));background-color:var(--xt-card-bg-color);overflow:hidden;color:var(--xt-card-text-color);transition:var(--xt-transition-duration,.3s)}.xt-card .card__header{padding:var(--xt-card-header-padding,18px 20px);box-sizing:border-box;font-weight:600;font-size:var(--xt-font-size-medium,16px)}.xt-card .card__body{padding:var(--xt-card-padding,20px)}.xt-card .card__body .value{font-size:var(--xt-font-size-large,18px);font-weight:600;color:var(--xt-color-primary,#1890ff)}.xt-card .card__body .unit{font-size:var(--xt-font-size-base,14px);color:var(--xt-color-text-secondary,#909399);margin-left:4px}.xt-card .value{font-weight:600}.xt-card .card__header+.card__body{padding-top:0}.xt-card.noPadding .card__body{padding:0}.xt-card-item{--xt-card-item-color:var(--xt-color-primary,#1890ff);min-height:var(--xt-card-item-min-height,40px)}.xt-card-item+.xt-card-item{margin-top:var(--xt-card-item-gap,10px)}.xt-card-item.is-border{border-right:var(--xt-card-item-border-width,3px) solid transparent;background-color:var(--xt-color-bg-secondary,#f5f7fa)}.xt-card-item.is-border.is-primary{border-right-color:var(--xt-card-item-color)}.xt-card-item.is-border.is-primary .item__value .value{color:var(--xt-card-item-color)}.xt-card-item.is-border.is-success{border-right-color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-success .item__value .value{color:var(--xt-color-success,#67c23a)}.xt-card-item.is-border.is-warning{border-right-color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-warning .item__value .value{color:var(--xt-color-warning,#e6a23c)}.xt-card-item.is-border.is-danger{border-right-color:var(--xt-color-danger,#f56c6c)}.xt-card-item.is-border.is-danger .item__value .value{color:var(--xt-color-danger,#f56c6c)}.xt-card-item .item__value{padding-right:10px}.xt-card-item .item__value .value{font-weight:600;font-size:var(--xt-font-size-base,14px)}.xt-card-item .item__value .unit{font-size:var(--xt-font-size-small,13px);color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__label{padding-left:10px;color:var(--xt-color-text-secondary,#909399)}.xt-card-item .item__unit{padding-left:5px;color:var(--xt-color-text-secondary,#909399)}.xt-input .el-input__inner{--xt-input-focus-color:var(--xt-color-primary,#1890ff);background-color:var(--xt-input-bg-color,#fff);border-color:var(--xt-input-border-color,#dcdfe6);color:var(--xt-input-text-color,#303133);font-size:var(--xt-font-size-base,14px)}.xt-input .el-input__inner::-moz-placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner::placeholder{color:var(--xt-input-placeholder-color,#c0c4cc)}.xt-input .el-input__inner:focus{border-color:var(--xt-input-focus-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--xt-input-focus-color) 20%,transparent)}.xt-input .el-input{height:var(--xt-input-height,32px)}.xt-input .el-input .el-input__wrapper{padding:0 var(--xt-input-padding-x,15px)}.xt-flex-box.flex{display:flex}.xt-flex-box.flex.direction-row-reverse>.flex,.xt-flex-box.flex.direction-row>.flex{width:100%}.xt-flex-box.flex.direction-column-reverse>.flex,.xt-flex-box.flex.direction-column>.flex{height:100%}.xt-flex-box.is-inline{display:inline-flex}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.content-center{justify-content:center}.content-around{justify-content:space-around}.content-between{justify-content:space-between}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-nowrap{flex-wrap:nowrap}.wrap-unset{flex-wrap:wrap}.xt-config-provider--dark.xt-config-provider--with-bg{background-color:var(--xt-color-bg-primary,#1f1f1f);color:var(--xt-color-text-primary,hsla(0,0%,100%,.95))}.xt-text{letter-spacing:4px}.xt-text--primary{color:#1890ff}.xt-text--success{color:#37c3a4}.xt-text--warning{color:#ffb74d}.xt-text--danger{color:#ea1d34}.xt-text--bold{font-weight:700}html.dark .xt-text--primary{color:#1890ff}html.dark .xt-text--success{color:#4bc376}html.dark .xt-text--warning{color:#e6b61e}html.dark .xt-text--danger{color:#c13737}