xt-element-ui 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.common.js +82 -58
- package/lib/index.css +1 -1
- package/lib/index.umd.js +82 -58
- package/lib/index.umd.min.js +1 -1
- package/package.json +2 -2
- package/src/components/card/index.vue +2 -2
- package/src/components/card-item/index.vue +94 -30
- package/src/components/flex-box/index.vue +1 -1
- package/src/styles/theme.scss +28 -29
- package/src/styles/variables.scss +13 -6
package/lib/index.common.js
CHANGED
|
@@ -87,62 +87,62 @@ module.exports =
|
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
|
-
/***/ "
|
|
90
|
+
/***/ "11a3":
|
|
91
91
|
/***/ (function(module, exports, __webpack_require__) {
|
|
92
92
|
|
|
93
93
|
// extracted by mini-css-extract-plugin
|
|
94
94
|
|
|
95
95
|
/***/ }),
|
|
96
96
|
|
|
97
|
-
/***/ "
|
|
98
|
-
/***/ (function(module,
|
|
97
|
+
/***/ "27fd":
|
|
98
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
99
99
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
103
|
-
/* unused harmony reexport * */
|
|
100
|
+
// extracted by mini-css-extract-plugin
|
|
101
|
+
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"};
|
|
104
102
|
|
|
103
|
+
/***/ }),
|
|
104
|
+
|
|
105
|
+
/***/ "3a26":
|
|
106
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
107
|
+
|
|
108
|
+
// extracted by mini-css-extract-plugin
|
|
105
109
|
|
|
106
110
|
/***/ }),
|
|
107
111
|
|
|
108
|
-
/***/ "
|
|
112
|
+
/***/ "43ae":
|
|
109
113
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
110
114
|
|
|
111
115
|
"use strict";
|
|
112
|
-
/* harmony import */ var
|
|
113
|
-
/* harmony import */ var
|
|
116
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3a26");
|
|
117
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
114
118
|
/* unused harmony reexport * */
|
|
115
119
|
|
|
116
120
|
|
|
117
121
|
/***/ }),
|
|
118
122
|
|
|
119
|
-
/***/ "
|
|
120
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
121
|
-
|
|
122
|
-
// extracted by mini-css-extract-plugin
|
|
123
|
-
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"};
|
|
124
|
-
|
|
125
|
-
/***/ }),
|
|
126
|
-
|
|
127
|
-
/***/ "4755":
|
|
123
|
+
/***/ "7876":
|
|
128
124
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
129
125
|
|
|
130
126
|
"use strict";
|
|
131
|
-
/* harmony import */ var
|
|
132
|
-
/* harmony import */ var
|
|
127
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ec69");
|
|
128
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
133
129
|
/* unused harmony reexport * */
|
|
134
130
|
|
|
135
131
|
|
|
136
132
|
/***/ }),
|
|
137
133
|
|
|
138
|
-
/***/ "
|
|
139
|
-
/***/ (function(module,
|
|
134
|
+
/***/ "d0ed":
|
|
135
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
136
|
+
|
|
137
|
+
"use strict";
|
|
138
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("11a3");
|
|
139
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
140
|
+
/* unused harmony reexport * */
|
|
140
141
|
|
|
141
|
-
// extracted by mini-css-extract-plugin
|
|
142
142
|
|
|
143
143
|
/***/ }),
|
|
144
144
|
|
|
145
|
-
/***/ "
|
|
145
|
+
/***/ "ec69":
|
|
146
146
|
/***/ (function(module, exports, __webpack_require__) {
|
|
147
147
|
|
|
148
148
|
// extracted by mini-css-extract-plugin
|
|
@@ -315,7 +315,7 @@ const setTheme = function(theme) {
|
|
|
315
315
|
setSize,
|
|
316
316
|
setPrimaryColor
|
|
317
317
|
});
|
|
318
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
318
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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=0ad9d4c9
|
|
319
319
|
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{on:{"click":_vm.handleClick}},[_vm._t("default")],2)
|
|
320
320
|
}
|
|
321
321
|
var staticRenderFns = []
|
|
@@ -457,7 +457,7 @@ var component = normalizeComponent(
|
|
|
457
457
|
// CONCATENATED MODULE: ./src/components/button/index.js
|
|
458
458
|
|
|
459
459
|
/* harmony default export */ var src_components_button = (components_button);
|
|
460
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
460
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/input/index.vue?vue&type=template&id=fe9146e4
|
|
461
461
|
var inputvue_type_template_id_fe9146e4_render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-input',{attrs:{"value":_vm.value,"placeholder":_vm.placeholder},on:{"input":function($event){return _vm.$emit('input', $event)}}})
|
|
462
462
|
}
|
|
463
463
|
var inputvue_type_template_id_fe9146e4_staticRenderFns = []
|
|
@@ -503,13 +503,13 @@ var input_component = normalizeComponent(
|
|
|
503
503
|
// CONCATENATED MODULE: ./src/components/input/index.js
|
|
504
504
|
|
|
505
505
|
/* harmony default export */ var components_input = (input);
|
|
506
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
507
|
-
var
|
|
506
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
|
|
507
|
+
var flex_boxvue_type_template_id_28fcf19e_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-flex-box",class:_vm.classAttrs,staticStyle:{"gap":"gap"}},[_vm._t("default")],2)
|
|
508
508
|
}
|
|
509
|
-
var
|
|
509
|
+
var flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns = []
|
|
510
510
|
|
|
511
511
|
|
|
512
|
-
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=
|
|
512
|
+
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
|
|
513
513
|
|
|
514
514
|
// 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/flex-box/index.vue?vue&type=script&lang=js
|
|
515
515
|
|
|
@@ -533,8 +533,8 @@ var flex_boxvue_type_template_id_617fe54e_scoped_true_staticRenderFns = []
|
|
|
533
533
|
|
|
534
534
|
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=script&lang=js
|
|
535
535
|
/* harmony default export */ var components_flex_boxvue_type_script_lang_js = (flex_boxvue_type_script_lang_js);
|
|
536
|
-
// EXTERNAL MODULE: ./src/components/flex-box/index.vue?vue&type=style&index=0&id=
|
|
537
|
-
var
|
|
536
|
+
// EXTERNAL MODULE: ./src/components/flex-box/index.vue?vue&type=style&index=0&id=28fcf19e&prod&scoped=true&lang=scss
|
|
537
|
+
var flex_boxvue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss = __webpack_require__("43ae");
|
|
538
538
|
|
|
539
539
|
// CONCATENATED MODULE: ./src/components/flex-box/index.vue
|
|
540
540
|
|
|
@@ -547,11 +547,11 @@ var flex_boxvue_type_style_index_0_id_617fe54e_prod_scoped_true_lang_scss = __we
|
|
|
547
547
|
|
|
548
548
|
var flex_box_component = normalizeComponent(
|
|
549
549
|
components_flex_boxvue_type_script_lang_js,
|
|
550
|
-
|
|
551
|
-
|
|
550
|
+
flex_boxvue_type_template_id_28fcf19e_scoped_true_render,
|
|
551
|
+
flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns,
|
|
552
552
|
false,
|
|
553
553
|
null,
|
|
554
|
-
"
|
|
554
|
+
"28fcf19e",
|
|
555
555
|
null
|
|
556
556
|
|
|
557
557
|
)
|
|
@@ -560,13 +560,13 @@ var flex_box_component = normalizeComponent(
|
|
|
560
560
|
// CONCATENATED MODULE: ./src/components/flex-box/index.js
|
|
561
561
|
|
|
562
562
|
/* harmony default export */ var components_flex_box = (flex_box);
|
|
563
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
564
|
-
var
|
|
563
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/card/index.vue?vue&type=template&id=444d40a5&scoped=true
|
|
564
|
+
var cardvue_type_template_id_444d40a5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-card",class:{'no-padding': _vm.noPadding }},[(_vm.title)?_c('div',{staticClass:"card_header"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2):_vm._e(),_c('div',{staticClass:"card_body"},[_vm._t("default",function(){return [_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"unit"},[_vm._v(_vm._s(_vm.unit))])]})],2)])
|
|
565
565
|
}
|
|
566
|
-
var
|
|
566
|
+
var cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns = []
|
|
567
567
|
|
|
568
568
|
|
|
569
|
-
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=
|
|
569
|
+
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=444d40a5&scoped=true
|
|
570
570
|
|
|
571
571
|
// 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/card/index.vue?vue&type=script&lang=js
|
|
572
572
|
|
|
@@ -585,8 +585,8 @@ var cardvue_type_template_id_2a9eeb9d_staticRenderFns = []
|
|
|
585
585
|
|
|
586
586
|
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=script&lang=js
|
|
587
587
|
/* harmony default export */ var components_cardvue_type_script_lang_js = (cardvue_type_script_lang_js);
|
|
588
|
-
// EXTERNAL MODULE: ./src/components/card/index.vue?vue&type=style&index=0&id=
|
|
589
|
-
var
|
|
588
|
+
// EXTERNAL MODULE: ./src/components/card/index.vue?vue&type=style&index=0&id=444d40a5&prod&lang=scss&scoped=true
|
|
589
|
+
var cardvue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true = __webpack_require__("d0ed");
|
|
590
590
|
|
|
591
591
|
// CONCATENATED MODULE: ./src/components/card/index.vue
|
|
592
592
|
|
|
@@ -599,11 +599,11 @@ var cardvue_type_style_index_0_id_2a9eeb9d_prod_lang_scss = __webpack_require__(
|
|
|
599
599
|
|
|
600
600
|
var card_component = normalizeComponent(
|
|
601
601
|
components_cardvue_type_script_lang_js,
|
|
602
|
-
|
|
603
|
-
|
|
602
|
+
cardvue_type_template_id_444d40a5_scoped_true_render,
|
|
603
|
+
cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns,
|
|
604
604
|
false,
|
|
605
605
|
null,
|
|
606
|
-
|
|
606
|
+
"444d40a5",
|
|
607
607
|
null
|
|
608
608
|
|
|
609
609
|
)
|
|
@@ -612,33 +612,57 @@ var card_component = normalizeComponent(
|
|
|
612
612
|
// CONCATENATED MODULE: ./src/components/card/index.js
|
|
613
613
|
|
|
614
614
|
/* harmony default export */ var components_card = (card);
|
|
615
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
616
|
-
var
|
|
615
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
|
|
616
|
+
var card_itemvue_type_template_id_1100cec5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.iconType=='border')?_c('FlexBox',{staticClass:"xt-card-item is-border",class:[_vm.iconType=='border'?`is-${_vm.type}`:''],attrs:{"content":"between"}},[(_vm.title)?_c('span',{staticClass:"item_label"},[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),_c('span',{staticClass:"item-value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"item_unit"},[_vm._t("unit",function(){return [_vm._v(_vm._s(_vm.unit))]})],2)]):_c('FlexBox',{staticClass:"xt-card-item",attrs:{"direction":_vm.direction,"content":_vm.contentAlign}},[_vm._t("icon",function(){return [_c('el-button',{attrs:{"type":_vm.type,"circle":_vm.circle,"round":_vm.round,"plain":"","icon":_vm.icon}})]}),_c('div',{staticClass:"item-value"},[_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.label))]})],2),_c('div',{staticClass:"unit"},[_vm._v(_vm._s(_vm.value))])])],2)
|
|
617
617
|
}
|
|
618
|
-
var
|
|
618
|
+
var card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns = []
|
|
619
619
|
|
|
620
620
|
|
|
621
|
-
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=
|
|
621
|
+
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
|
|
622
622
|
|
|
623
623
|
// 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/card-item/index.vue?vue&type=script&lang=js
|
|
624
624
|
|
|
625
|
+
|
|
625
626
|
/* harmony default export */ var card_itemvue_type_script_lang_js = ({
|
|
626
627
|
name:"XtCardItem",
|
|
628
|
+
components:{
|
|
629
|
+
FlexBox: flex_box
|
|
630
|
+
},
|
|
627
631
|
props:{
|
|
628
|
-
|
|
629
|
-
|
|
632
|
+
iconType:{default:"border"},
|
|
633
|
+
type:{default:"primary"},
|
|
634
|
+
label:{},
|
|
630
635
|
value:{},
|
|
631
636
|
unit:{},
|
|
632
637
|
icon:{},
|
|
633
|
-
|
|
634
|
-
|
|
638
|
+
iconAt:{default:"right"}
|
|
639
|
+
},
|
|
640
|
+
data(){
|
|
641
|
+
return{
|
|
642
|
+
circle: false,
|
|
643
|
+
round: false
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
computed:{
|
|
647
|
+
contentAlign(){
|
|
648
|
+
return this.iconAt=='center'?'center':'start'
|
|
649
|
+
},
|
|
650
|
+
direction(){
|
|
651
|
+
const iconAtMap = {
|
|
652
|
+
left:'row',
|
|
653
|
+
right:'row-reverse',
|
|
654
|
+
top:'column',
|
|
655
|
+
bottom:'column-reverse'
|
|
656
|
+
}
|
|
657
|
+
return iconAtMap[this.iconAt]
|
|
658
|
+
}
|
|
635
659
|
}
|
|
636
660
|
});
|
|
637
661
|
|
|
638
662
|
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=script&lang=js
|
|
639
663
|
/* harmony default export */ var components_card_itemvue_type_script_lang_js = (card_itemvue_type_script_lang_js);
|
|
640
|
-
// EXTERNAL MODULE: ./src/components/card-item/index.vue?vue&type=style&index=0&id=
|
|
641
|
-
var
|
|
664
|
+
// EXTERNAL MODULE: ./src/components/card-item/index.vue?vue&type=style&index=0&id=1100cec5&prod&lang=scss&scoped=true
|
|
665
|
+
var card_itemvue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true = __webpack_require__("7876");
|
|
642
666
|
|
|
643
667
|
// CONCATENATED MODULE: ./src/components/card-item/index.vue
|
|
644
668
|
|
|
@@ -651,11 +675,11 @@ var card_itemvue_type_style_index_0_id_3d0e4bcc_prod_lang_scss = __webpack_requi
|
|
|
651
675
|
|
|
652
676
|
var card_item_component = normalizeComponent(
|
|
653
677
|
components_card_itemvue_type_script_lang_js,
|
|
654
|
-
|
|
655
|
-
|
|
678
|
+
card_itemvue_type_template_id_1100cec5_scoped_true_render,
|
|
679
|
+
card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns,
|
|
656
680
|
false,
|
|
657
681
|
null,
|
|
658
|
-
|
|
682
|
+
"1100cec5",
|
|
659
683
|
null
|
|
660
684
|
|
|
661
685
|
)
|
package/lib/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.xt-flex-box.flex[data-v-
|
|
1
|
+
.xt-flex-box.flex[data-v-28fcf19e]{display:flex}.xt-flex-box.flex.direction-row-reverse>.flex[data-v-28fcf19e],.xt-flex-box.flex.direction-row>.flex[data-v-28fcf19e]{width:100%}.xt-flex-box.flex.direction-column-reverse>.flex[data-v-28fcf19e],.xt-flex-box.flex.direction-column>.flex[data-v-28fcf19e]{height:100%}.xt-flex-box.is-inline[data-v-28fcf19e]{display:inline-flex}.direction-row[data-v-28fcf19e]{flex-direction:row}.direction-row-reverse[data-v-28fcf19e]{flex-direction:row-reverse}.direction-column[data-v-28fcf19e]{flex-direction:column}.direction-column-reverse[data-v-28fcf19e]{flex-direction:column-reverse}.align-center[data-v-28fcf19e]{align-items:center}.align-start[data-v-28fcf19e]{align-items:flex-start}.align-end[data-v-28fcf19e]{align-items:flex-end}.content-center[data-v-28fcf19e]{justify-content:center}.content-around[data-v-28fcf19e]{justify-content:space-around}.content-between[data-v-28fcf19e]{justify-content:space-between}.content-start[data-v-28fcf19e]{justify-content:flex-start}.content-end[data-v-28fcf19e]{justify-content:flex-end}.wrap-wrap[data-v-28fcf19e]{flex-wrap:wrap}.wrap-nowrap[data-v-28fcf19e]{flex-wrap:nowrap}.wrap-unset[data-v-28fcf19e]{flex-wrap:wrap}.xt-card[data-v-444d40a5]{border-radius:4px;box-shadow:0 2px 12px 0 #000;background-color:#fff;overflow:hidden;color:#303133;transition:.35}.xt-card .card__header[data-v-444d40a5]{padding:18px 20px;box-sizing:border-box}.xt-card .card_body[data-v-444d40a5]{padding:20px}.xt-card .card_body .value[data-v-444d40a5]{font-size:20px;font-weight:600}.xt-card .value[data-v-444d40a5]{font-weight:600}.xt-card .card_header+.card__body[data-v-444d40a5]{padding-top:0}.xt-card.noPadding .card_body[data-v-444d40a5]{padding:0}.xt-card-item[data-v-1100cec5]{min-height:40px}.xt-card-item+.xt-card-item[data-v-1100cec5]{margin-top:10px}.xt-card-item.is-border[data-v-1100cec5]{border-right:3px solid transparent;background-color:#f5f7fa}.xt-card-item.is-border.is-primary[data-v-1100cec5]{border-right-color:#409eff}.xt-card-item.is-border.is-primary .item-value .value[data-v-1100cec5]{color:#409eff}.xt-card-item.is-border.is-success[data-v-1100cec5]{border-right-color:#67c23a}.xt-card-item.is-border.is-success .item-value .value[data-v-1100cec5]{color:#67c23a}.xt-card-item.is-border.is-warning[data-v-1100cec5]{border-right-color:#e6a23c}.xt-card-item.is-border.is-warning .item-value .value[data-v-1100cec5]{color:#e6a23c}.xt-card-item.is-border.is-danger[data-v-1100cec5]{border-right-color:#f56c6c}.xt-card-item.is-border.is-danger .item-value .value[data-v-1100cec5]{color:#f56c6c}.xt-card-item .item-value[data-v-1100cec5]{padding-right:10px}.xt-card-item .item-value .value[data-v-1100cec5]{font-weight:600;font-size:14px}.xt-card-item .item_label[data-v-1100cec5]{padding-left:10px}.xt-card-item .item_unit[data-v-1100cec5]{padding-left:5px}
|
package/lib/index.umd.js
CHANGED
|
@@ -96,62 +96,62 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
96
96
|
/************************************************************************/
|
|
97
97
|
/******/ ({
|
|
98
98
|
|
|
99
|
-
/***/ "
|
|
99
|
+
/***/ "11a3":
|
|
100
100
|
/***/ (function(module, exports, __webpack_require__) {
|
|
101
101
|
|
|
102
102
|
// extracted by mini-css-extract-plugin
|
|
103
103
|
|
|
104
104
|
/***/ }),
|
|
105
105
|
|
|
106
|
-
/***/ "
|
|
107
|
-
/***/ (function(module,
|
|
106
|
+
/***/ "27fd":
|
|
107
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
108
108
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2a9eeb9d_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
112
|
-
/* unused harmony reexport * */
|
|
109
|
+
// extracted by mini-css-extract-plugin
|
|
110
|
+
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"};
|
|
113
111
|
|
|
112
|
+
/***/ }),
|
|
113
|
+
|
|
114
|
+
/***/ "3a26":
|
|
115
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
116
|
+
|
|
117
|
+
// extracted by mini-css-extract-plugin
|
|
114
118
|
|
|
115
119
|
/***/ }),
|
|
116
120
|
|
|
117
|
-
/***/ "
|
|
121
|
+
/***/ "43ae":
|
|
118
122
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
119
123
|
|
|
120
124
|
"use strict";
|
|
121
|
-
/* harmony import */ var
|
|
122
|
-
/* harmony import */ var
|
|
125
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3a26");
|
|
126
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
123
127
|
/* unused harmony reexport * */
|
|
124
128
|
|
|
125
129
|
|
|
126
130
|
/***/ }),
|
|
127
131
|
|
|
128
|
-
/***/ "
|
|
129
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
130
|
-
|
|
131
|
-
// extracted by mini-css-extract-plugin
|
|
132
|
-
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"};
|
|
133
|
-
|
|
134
|
-
/***/ }),
|
|
135
|
-
|
|
136
|
-
/***/ "4755":
|
|
132
|
+
/***/ "7876":
|
|
137
133
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
138
134
|
|
|
139
135
|
"use strict";
|
|
140
|
-
/* harmony import */ var
|
|
141
|
-
/* harmony import */ var
|
|
136
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ec69");
|
|
137
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
142
138
|
/* unused harmony reexport * */
|
|
143
139
|
|
|
144
140
|
|
|
145
141
|
/***/ }),
|
|
146
142
|
|
|
147
|
-
/***/ "
|
|
148
|
-
/***/ (function(module,
|
|
143
|
+
/***/ "d0ed":
|
|
144
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
145
|
+
|
|
146
|
+
"use strict";
|
|
147
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("11a3");
|
|
148
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
|
|
149
|
+
/* unused harmony reexport * */
|
|
149
150
|
|
|
150
|
-
// extracted by mini-css-extract-plugin
|
|
151
151
|
|
|
152
152
|
/***/ }),
|
|
153
153
|
|
|
154
|
-
/***/ "
|
|
154
|
+
/***/ "ec69":
|
|
155
155
|
/***/ (function(module, exports, __webpack_require__) {
|
|
156
156
|
|
|
157
157
|
// extracted by mini-css-extract-plugin
|
|
@@ -324,7 +324,7 @@ const setTheme = function(theme) {
|
|
|
324
324
|
setSize,
|
|
325
325
|
setPrimaryColor
|
|
326
326
|
});
|
|
327
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
327
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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=0ad9d4c9
|
|
328
328
|
var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-button',{on:{"click":_vm.handleClick}},[_vm._t("default")],2)
|
|
329
329
|
}
|
|
330
330
|
var staticRenderFns = []
|
|
@@ -466,7 +466,7 @@ var component = normalizeComponent(
|
|
|
466
466
|
// CONCATENATED MODULE: ./src/components/button/index.js
|
|
467
467
|
|
|
468
468
|
/* harmony default export */ var src_components_button = (components_button);
|
|
469
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
469
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/input/index.vue?vue&type=template&id=fe9146e4
|
|
470
470
|
var inputvue_type_template_id_fe9146e4_render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-input',{attrs:{"value":_vm.value,"placeholder":_vm.placeholder},on:{"input":function($event){return _vm.$emit('input', $event)}}})
|
|
471
471
|
}
|
|
472
472
|
var inputvue_type_template_id_fe9146e4_staticRenderFns = []
|
|
@@ -512,13 +512,13 @@ var input_component = normalizeComponent(
|
|
|
512
512
|
// CONCATENATED MODULE: ./src/components/input/index.js
|
|
513
513
|
|
|
514
514
|
/* harmony default export */ var components_input = (input);
|
|
515
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
516
|
-
var
|
|
515
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
|
|
516
|
+
var flex_boxvue_type_template_id_28fcf19e_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-flex-box",class:_vm.classAttrs,staticStyle:{"gap":"gap"}},[_vm._t("default")],2)
|
|
517
517
|
}
|
|
518
|
-
var
|
|
518
|
+
var flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns = []
|
|
519
519
|
|
|
520
520
|
|
|
521
|
-
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=
|
|
521
|
+
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=template&id=28fcf19e&scoped=true
|
|
522
522
|
|
|
523
523
|
// 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/flex-box/index.vue?vue&type=script&lang=js
|
|
524
524
|
|
|
@@ -542,8 +542,8 @@ var flex_boxvue_type_template_id_617fe54e_scoped_true_staticRenderFns = []
|
|
|
542
542
|
|
|
543
543
|
// CONCATENATED MODULE: ./src/components/flex-box/index.vue?vue&type=script&lang=js
|
|
544
544
|
/* harmony default export */ var components_flex_boxvue_type_script_lang_js = (flex_boxvue_type_script_lang_js);
|
|
545
|
-
// EXTERNAL MODULE: ./src/components/flex-box/index.vue?vue&type=style&index=0&id=
|
|
546
|
-
var
|
|
545
|
+
// EXTERNAL MODULE: ./src/components/flex-box/index.vue?vue&type=style&index=0&id=28fcf19e&prod&scoped=true&lang=scss
|
|
546
|
+
var flex_boxvue_type_style_index_0_id_28fcf19e_prod_scoped_true_lang_scss = __webpack_require__("43ae");
|
|
547
547
|
|
|
548
548
|
// CONCATENATED MODULE: ./src/components/flex-box/index.vue
|
|
549
549
|
|
|
@@ -556,11 +556,11 @@ var flex_boxvue_type_style_index_0_id_617fe54e_prod_scoped_true_lang_scss = __we
|
|
|
556
556
|
|
|
557
557
|
var flex_box_component = normalizeComponent(
|
|
558
558
|
components_flex_boxvue_type_script_lang_js,
|
|
559
|
-
|
|
560
|
-
|
|
559
|
+
flex_boxvue_type_template_id_28fcf19e_scoped_true_render,
|
|
560
|
+
flex_boxvue_type_template_id_28fcf19e_scoped_true_staticRenderFns,
|
|
561
561
|
false,
|
|
562
562
|
null,
|
|
563
|
-
"
|
|
563
|
+
"28fcf19e",
|
|
564
564
|
null
|
|
565
565
|
|
|
566
566
|
)
|
|
@@ -569,13 +569,13 @@ var flex_box_component = normalizeComponent(
|
|
|
569
569
|
// CONCATENATED MODULE: ./src/components/flex-box/index.js
|
|
570
570
|
|
|
571
571
|
/* harmony default export */ var components_flex_box = (flex_box);
|
|
572
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
573
|
-
var
|
|
572
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/card/index.vue?vue&type=template&id=444d40a5&scoped=true
|
|
573
|
+
var cardvue_type_template_id_444d40a5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-card",class:{'no-padding': _vm.noPadding }},[(_vm.title)?_c('div',{staticClass:"card_header"},[_vm._t("title",function(){return [_vm._v(_vm._s(_vm.title))]})],2):_vm._e(),_c('div',{staticClass:"card_body"},[_vm._t("default",function(){return [_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"unit"},[_vm._v(_vm._s(_vm.unit))])]})],2)])
|
|
574
574
|
}
|
|
575
|
-
var
|
|
575
|
+
var cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns = []
|
|
576
576
|
|
|
577
577
|
|
|
578
|
-
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=
|
|
578
|
+
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=template&id=444d40a5&scoped=true
|
|
579
579
|
|
|
580
580
|
// 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/card/index.vue?vue&type=script&lang=js
|
|
581
581
|
|
|
@@ -594,8 +594,8 @@ var cardvue_type_template_id_2a9eeb9d_staticRenderFns = []
|
|
|
594
594
|
|
|
595
595
|
// CONCATENATED MODULE: ./src/components/card/index.vue?vue&type=script&lang=js
|
|
596
596
|
/* harmony default export */ var components_cardvue_type_script_lang_js = (cardvue_type_script_lang_js);
|
|
597
|
-
// EXTERNAL MODULE: ./src/components/card/index.vue?vue&type=style&index=0&id=
|
|
598
|
-
var
|
|
597
|
+
// EXTERNAL MODULE: ./src/components/card/index.vue?vue&type=style&index=0&id=444d40a5&prod&lang=scss&scoped=true
|
|
598
|
+
var cardvue_type_style_index_0_id_444d40a5_prod_lang_scss_scoped_true = __webpack_require__("d0ed");
|
|
599
599
|
|
|
600
600
|
// CONCATENATED MODULE: ./src/components/card/index.vue
|
|
601
601
|
|
|
@@ -608,11 +608,11 @@ var cardvue_type_style_index_0_id_2a9eeb9d_prod_lang_scss = __webpack_require__(
|
|
|
608
608
|
|
|
609
609
|
var card_component = normalizeComponent(
|
|
610
610
|
components_cardvue_type_script_lang_js,
|
|
611
|
-
|
|
612
|
-
|
|
611
|
+
cardvue_type_template_id_444d40a5_scoped_true_render,
|
|
612
|
+
cardvue_type_template_id_444d40a5_scoped_true_staticRenderFns,
|
|
613
613
|
false,
|
|
614
614
|
null,
|
|
615
|
-
|
|
615
|
+
"444d40a5",
|
|
616
616
|
null
|
|
617
617
|
|
|
618
618
|
)
|
|
@@ -621,33 +621,57 @@ var card_component = normalizeComponent(
|
|
|
621
621
|
// CONCATENATED MODULE: ./src/components/card/index.js
|
|
622
622
|
|
|
623
623
|
/* harmony default export */ var components_card = (card);
|
|
624
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
625
|
-
var
|
|
624
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ddfdb4f6-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/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
|
|
625
|
+
var card_itemvue_type_template_id_1100cec5_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.iconType=='border')?_c('FlexBox',{staticClass:"xt-card-item is-border",class:[_vm.iconType=='border'?`is-${_vm.type}`:''],attrs:{"content":"between"}},[(_vm.title)?_c('span',{staticClass:"item_label"},[_vm._t("label",function(){return [_vm._v(_vm._s(_vm.label))]})],2):_vm._e(),_c('span',{staticClass:"item-value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.value))]})],2),_c('span',{staticClass:"item_unit"},[_vm._t("unit",function(){return [_vm._v(_vm._s(_vm.unit))]})],2)]):_c('FlexBox',{staticClass:"xt-card-item",attrs:{"direction":_vm.direction,"content":_vm.contentAlign}},[_vm._t("icon",function(){return [_c('el-button',{attrs:{"type":_vm.type,"circle":_vm.circle,"round":_vm.round,"plain":"","icon":_vm.icon}})]}),_c('div',{staticClass:"item-value"},[_c('span',{staticClass:"value"},[_vm._t("value",function(){return [_vm._v(_vm._s(_vm.label))]})],2),_c('div',{staticClass:"unit"},[_vm._v(_vm._s(_vm.value))])])],2)
|
|
626
626
|
}
|
|
627
|
-
var
|
|
627
|
+
var card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns = []
|
|
628
628
|
|
|
629
629
|
|
|
630
|
-
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=
|
|
630
|
+
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=template&id=1100cec5&scoped=true
|
|
631
631
|
|
|
632
632
|
// 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/card-item/index.vue?vue&type=script&lang=js
|
|
633
633
|
|
|
634
|
+
|
|
634
635
|
/* harmony default export */ var card_itemvue_type_script_lang_js = ({
|
|
635
636
|
name:"XtCardItem",
|
|
637
|
+
components:{
|
|
638
|
+
FlexBox: flex_box
|
|
639
|
+
},
|
|
636
640
|
props:{
|
|
637
|
-
|
|
638
|
-
|
|
641
|
+
iconType:{default:"border"},
|
|
642
|
+
type:{default:"primary"},
|
|
643
|
+
label:{},
|
|
639
644
|
value:{},
|
|
640
645
|
unit:{},
|
|
641
646
|
icon:{},
|
|
642
|
-
|
|
643
|
-
|
|
647
|
+
iconAt:{default:"right"}
|
|
648
|
+
},
|
|
649
|
+
data(){
|
|
650
|
+
return{
|
|
651
|
+
circle: false,
|
|
652
|
+
round: false
|
|
653
|
+
}
|
|
654
|
+
},
|
|
655
|
+
computed:{
|
|
656
|
+
contentAlign(){
|
|
657
|
+
return this.iconAt=='center'?'center':'start'
|
|
658
|
+
},
|
|
659
|
+
direction(){
|
|
660
|
+
const iconAtMap = {
|
|
661
|
+
left:'row',
|
|
662
|
+
right:'row-reverse',
|
|
663
|
+
top:'column',
|
|
664
|
+
bottom:'column-reverse'
|
|
665
|
+
}
|
|
666
|
+
return iconAtMap[this.iconAt]
|
|
667
|
+
}
|
|
644
668
|
}
|
|
645
669
|
});
|
|
646
670
|
|
|
647
671
|
// CONCATENATED MODULE: ./src/components/card-item/index.vue?vue&type=script&lang=js
|
|
648
672
|
/* harmony default export */ var components_card_itemvue_type_script_lang_js = (card_itemvue_type_script_lang_js);
|
|
649
|
-
// EXTERNAL MODULE: ./src/components/card-item/index.vue?vue&type=style&index=0&id=
|
|
650
|
-
var
|
|
673
|
+
// EXTERNAL MODULE: ./src/components/card-item/index.vue?vue&type=style&index=0&id=1100cec5&prod&lang=scss&scoped=true
|
|
674
|
+
var card_itemvue_type_style_index_0_id_1100cec5_prod_lang_scss_scoped_true = __webpack_require__("7876");
|
|
651
675
|
|
|
652
676
|
// CONCATENATED MODULE: ./src/components/card-item/index.vue
|
|
653
677
|
|
|
@@ -660,11 +684,11 @@ var card_itemvue_type_style_index_0_id_3d0e4bcc_prod_lang_scss = __webpack_requi
|
|
|
660
684
|
|
|
661
685
|
var card_item_component = normalizeComponent(
|
|
662
686
|
components_card_itemvue_type_script_lang_js,
|
|
663
|
-
|
|
664
|
-
|
|
687
|
+
card_itemvue_type_template_id_1100cec5_scoped_true_render,
|
|
688
|
+
card_itemvue_type_template_id_1100cec5_scoped_true_staticRenderFns,
|
|
665
689
|
false,
|
|
666
690
|
null,
|
|
667
|
-
|
|
691
|
+
"1100cec5",
|
|
668
692
|
null
|
|
669
693
|
|
|
670
694
|
)
|
package/lib/index.umd.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define("xt-element-ui",[],e):"object"===typeof exports?exports["xt-element-ui"]=e():t["xt-element-ui"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({
|
|
1
|
+
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define("xt-element-ui",[],e):"object"===typeof exports?exports["xt-element-ui"]=e():t["xt-element-ui"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"11a3":function(t,e,n){},"27fd":function(t,e,n){t.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"}},"3a26":function(t,e,n){},"43ae":function(t,e,n){"use strict";n("3a26")},7876:function(t,e,n){"use strict";n("ec69")},d0ed:function(t,e,n){"use strict";n("11a3")},ec69:function(t,e,n){},fb15:function(t,e,n){"use strict";if(n.r(e),n.d(e,"utils",(function(){return m})),n.d(e,"variables",(function(){return a.a})),n.d(e,"getConfig",(function(){return rt})),n.d(e,"setConfig",(function(){return it})),n.d(e,"setTheme",(function(){return at})),n.d(e,"setSize",(function(){return lt})),n.d(e,"setPrimaryColor",(function(){return ut})),n.d(e,"getTheme",(function(){return ct})),n.d(e,"getSize",(function(){return st})),n.d(e,"getPrimaryColor",(function(){return ft})),n.d(e,"resetConfig",(function(){return dt})),n.d(e,"onConfigChange",(function(){return pt})),"undefined"!==typeof window){var o=window.document.currentScript,r=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);r&&(n.p=r[1])}var i=n("27fd"),a=n.n(i);const l={theme:"light",size:"medium",primaryColor:"#1890ff"};let u={...l};const c=[],s=function(t,e){c.forEach(n=>{n(t,e)})},f=function(t){const e=["light","dark","compact"];e.includes(t)?(u.theme=t,document.documentElement.setAttribute("data-theme",t),s("theme",t)):console.warn(`[XtElementUI] 无效的主题值: ${t}，可选值: ${e.join(", ")}`)},d=function(t){const e=["small","medium","large"];e.includes(t)?(u.size=t,document.documentElement.setAttribute("data-size",t),s("size",t)):console.warn(`[XtElementUI] 无效的大小值: ${t}，可选值: ${e.join(", ")}`)},p=function(t){const e=/^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/;e.test(t)?(u.primaryColor=t,document.documentElement.style.setProperty("--xt-color-primary",t),s("primaryColor",t)):console.warn(`[XtElementUI] 无效的颜色值: ${t}，请使用十六进制颜色格式，如 #1890ff`)};var m={setTheme:f,setSize:d,setPrimaryColor:p},x=function(){var t=this,e=t._self._c;return e("el-button",{on:{click:t.handleClick}},[t._t("default")],2)},C=[],g={name:"XtButton",methods:{handleClick(){this.$emit("click")}}},h=g;function y(t,e,n,o,r,i,a,l){var u,c="function"===typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),a?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=u):r&&(u=l?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(c.functional){c._injectStyles=u;var s=c.render;c.render=function(t,e){return u.call(e),s(t,e)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,u):[u]}return{exports:t,options:c}}var _=y(h,x,C,!1,null,null,null),v=_.exports,b=v,S=function(){var t=this,e=t._self._c;return e("el-input",{attrs:{value:t.value,placeholder:t.placeholder},on:{input:function(e){return t.$emit("input",e)}}})},F=[],E={name:"XtInput",props:{value:[String,Number],placeholder:{type:String,default:"请输入内容"}}},w=E,$=y(w,S,F,!1,null,null,null),B=$.exports,P=B,z=function(){var t=this,e=t._self._c;return e("div",{staticClass:"xt-flex-box",class:t.classAttrs,staticStyle:{gap:"gap"}},[t._t("default")],2)},T=[],A={name:"XtFlex",props:{type:"flex",align:"center",content:"start",direction:"row",wrap:"unset",gap:{}},computed:{classAttrs(){const{inline:t,align:e,wrap:n,direction:o,content:r}=this;return[""+(t?"is-inline":"flex"),`align-${e} content-${r} direction-${o} wrap-${n}`]}}},j=A,X=(n("43ae"),y(j,z,T,!1,null,"28fcf19e",null)),I=X.exports,L=I,O=function(){var t=this,e=t._self._c;return e("div",{staticClass:"xt-card",class:{"no-padding":t.noPadding}},[t.title?e("div",{staticClass:"card_header"},[t._t("title",(function(){return[t._v(t._s(t.title))]}))],2):t._e(),e("div",{staticClass:"card_body"},[t._t("default",(function(){return[e("span",{staticClass:"value"},[t._t("value",(function(){return[t._v(t._s(t.value))]}))],2),e("span",{staticClass:"unit"},[t._v(t._s(t.unit))])]}))],2)])},R=[],U={name:"XtCard",props:{type:{},title:{},value:{},unit:{},icon:{},iconIn:{default:"right"},noPadding:{type:Boolean,default:!1}}},D=U,M=(n("d0ed"),y(D,O,R,!1,null,"444d40a5",null)),k=M.exports,V=k,N=function(){var t=this,e=t._self._c;return"border"==t.iconType?e("FlexBox",{staticClass:"xt-card-item is-border",class:["border"==t.iconType?"is-"+t.type:""],attrs:{content:"between"}},[t.title?e("span",{staticClass:"item_label"},[t._t("label",(function(){return[t._v(t._s(t.label))]}))],2):t._e(),e("span",{staticClass:"item-value"},[t._t("value",(function(){return[t._v(t._s(t.value))]}))],2),e("span",{staticClass:"item_unit"},[t._t("unit",(function(){return[t._v(t._s(t.unit))]}))],2)]):e("FlexBox",{staticClass:"xt-card-item",attrs:{direction:t.direction,content:t.contentAlign}},[t._t("icon",(function(){return[e("el-button",{attrs:{type:t.type,circle:t.circle,round:t.round,plain:"",icon:t.icon}})]})),e("div",{staticClass:"item-value"},[e("span",{staticClass:"value"},[t._t("value",(function(){return[t._v(t._s(t.label))]}))],2),e("div",{staticClass:"unit"},[t._v(t._s(t.value))])])],2)},H=[],W={name:"XtCardItem",components:{FlexBox:I},props:{iconType:{default:"border"},type:{default:"primary"},label:{},value:{},unit:{},icon:{},iconAt:{default:"right"}},data(){return{circle:!1,round:!1}},computed:{contentAlign(){return"center"==this.iconAt?"center":"start"},direction(){const t={left:"row",right:"row-reverse",top:"column",bottom:"column-reverse"};return t[this.iconAt]}}},q=W,G=(n("7876"),y(q,N,H,!1,null,"1100cec5",null)),J=G.exports,K=J;const Q=[b,P,L,V,K],Y=function(t){Y.installed||(Y.installed=!0,Q.forEach(e=>{t.component(e.name,e)}),t.prototype.$utils=m)};"undefined"!==typeof window&&window.Vue&&Y(window.Vue);var Z={install:Y,Button:b,Input:P,FlexBox:L,Card:V,CardItem:K};const tt={theme:"light",size:"medium",primaryColor:"#1890ff"};let et={...tt};const nt=[],ot=function(t,e){nt.forEach(n=>{n(t,e)})},rt=function(){return{...et}},it=function(t){"object"===typeof t&&null!==t?(void 0!==t.theme&&at(t.theme),void 0!==t.size&<(t.size),void 0!==t.primaryColor&&ut(t.primaryColor)):console.warn("[XtElementUI] setConfig 必须传入对象参数")},at=function(t){const e=["light","dark"];e.includes(t)?(et.theme=t,document.documentElement.setAttribute("data-theme",t),ot("theme",t)):console.warn(`[XtElementUI] 无效的主题值: ${t}，可选值: ${e.join(", ")}`)},lt=function(t){const e=["small","medium","large"];e.includes(t)?(et.size=t,document.documentElement.setAttribute("data-size",t),ot("size",t)):console.warn(`[XtElementUI] 无效的大小值: ${t}，可选值: ${e.join(", ")}`)},ut=function(t){const e=/^#[0-9A-Fa-f]{6}$|^#[0-9A-Fa-f]{3}$/;e.test(t)?(et.primaryColor=t,document.documentElement.style.setProperty("--xt-color-primary",t),ot("primaryColor",t)):console.warn(`[XtElementUI] 无效的颜色值: ${t}，请使用十六进制颜色格式，如 #1890ff`)},ct=function(){return et.theme},st=function(){return et.size},ft=function(){return et.primaryColor},dt=function(){it(tt)},pt=function(t){if("function"===typeof t)return nt.push(t),function(){const e=nt.indexOf(t);e>-1&&nt.splice(e,1)};console.warn("[XtElementUI] onConfigChange 必须传入函数")};e["default"]=Z}})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "xt-element-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "基于 Vue2.7 + ElementUI 的组件库",
|
|
5
5
|
"main": "lib/index.common.js",
|
|
6
6
|
"module": "lib/index.esm.js",
|
|
@@ -32,6 +32,6 @@
|
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"vue-server-renderer": "^2.7.14",
|
|
35
|
-
"xt-element-ui": "^1.0.
|
|
35
|
+
"xt-element-ui": "^1.0.7"
|
|
36
36
|
}
|
|
37
37
|
}
|
|
@@ -25,10 +25,10 @@ export default {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
</script>
|
|
28
|
-
<style lang="scss">
|
|
28
|
+
<style lang="scss" scoped>
|
|
29
29
|
.xt-card{
|
|
30
30
|
border-radius: 4px;
|
|
31
|
-
box-shadow: 0 2px 12px 0
|
|
31
|
+
box-shadow: 0 2px 12px 0 rgba(0,0,0,1);
|
|
32
32
|
background-color:#fff;
|
|
33
33
|
overflow: hidden; color:#303133; transition:.35;
|
|
34
34
|
.card__header{
|
|
@@ -1,48 +1,112 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<slot name="
|
|
2
|
+
<FlexBox v-if="iconType=='border'" class="xt-card-item is-border" :class="[iconType=='border'?`is-${type}`:'']" content="between">
|
|
3
|
+
<span class="item_label" v-if="title">
|
|
4
|
+
<slot name="label">{{label }}</slot>
|
|
5
|
+
</span>
|
|
6
|
+
<span class="item-value">
|
|
7
|
+
<slot name="value">{{value }}</slot>
|
|
8
|
+
</span>
|
|
9
|
+
<span class="item_unit">
|
|
10
|
+
<slot name="unit">{{ unit }}</slot>
|
|
11
|
+
</span>
|
|
12
|
+
</FlexBox>
|
|
13
|
+
<FlexBox v-else class="xt-card-item" :direction="direction" :content="contentAlign">
|
|
14
|
+
<slot name="icon">
|
|
15
|
+
<el-button :type="type" :circle="circle" :round="round" plain :icon="icon"></el-button>
|
|
16
|
+
</slot>
|
|
17
|
+
<div class="item-value">
|
|
18
|
+
<span class="value">
|
|
19
|
+
<slot name="value">{{ label }}</slot>
|
|
20
|
+
</span>
|
|
21
|
+
<div class="unit">{{ value }}</div>
|
|
5
22
|
</div>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<span class="value"><slot name="value">{{value}}</slot></span>
|
|
9
|
-
<span class="unit">{{ unit }}</span>
|
|
10
|
-
</slot>
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
23
|
+
|
|
24
|
+
</FlexBox>
|
|
13
25
|
</template>
|
|
14
26
|
<script>
|
|
27
|
+
import FlexBox from '../flex-box/index.vue'
|
|
15
28
|
export default {
|
|
16
29
|
name:"XtCardItem",
|
|
30
|
+
components:{
|
|
31
|
+
FlexBox
|
|
32
|
+
},
|
|
17
33
|
props:{
|
|
18
|
-
|
|
19
|
-
|
|
34
|
+
iconType:{default:"border"},
|
|
35
|
+
type:{default:"primary"},
|
|
36
|
+
label:{},
|
|
20
37
|
value:{},
|
|
21
38
|
unit:{},
|
|
22
39
|
icon:{},
|
|
23
|
-
|
|
24
|
-
|
|
40
|
+
iconAt:{default:"right"}
|
|
41
|
+
},
|
|
42
|
+
data(){
|
|
43
|
+
return{
|
|
44
|
+
circle: false,
|
|
45
|
+
round: false
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
computed:{
|
|
49
|
+
contentAlign(){
|
|
50
|
+
return this.iconAt=='center'?'center':'start'
|
|
51
|
+
},
|
|
52
|
+
direction(){
|
|
53
|
+
const iconAtMap = {
|
|
54
|
+
left:'row',
|
|
55
|
+
right:'row-reverse',
|
|
56
|
+
top:'column',
|
|
57
|
+
bottom:'column-reverse'
|
|
58
|
+
}
|
|
59
|
+
return iconAtMap[this.iconAt]
|
|
60
|
+
}
|
|
25
61
|
}
|
|
26
62
|
}
|
|
27
63
|
</script>
|
|
28
|
-
<style lang="scss">
|
|
29
|
-
.xt-card{
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
64
|
+
<style lang="scss" scoped>
|
|
65
|
+
.xt-card-item{
|
|
66
|
+
min-height: 40px;
|
|
67
|
+
+ .xt-card-item{
|
|
68
|
+
margin-top: 10px;
|
|
69
|
+
}
|
|
70
|
+
&.is-border{
|
|
71
|
+
border-right: 3px solid transparent;
|
|
72
|
+
background-color: #f5f7fa;
|
|
73
|
+
&.is-primary{
|
|
74
|
+
border-right-color: $xt-color-primary;
|
|
75
|
+
.item-value .value{
|
|
76
|
+
color: $xt-color-primary;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
&.is-success{
|
|
80
|
+
border-right-color: #67c23a;
|
|
81
|
+
.item-value .value{
|
|
82
|
+
color: #67c23a;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
&.is-warning{
|
|
86
|
+
border-right-color: #e6a23c;
|
|
87
|
+
.item-value .value{
|
|
88
|
+
color: #e6a23c;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
&.is-danger{
|
|
92
|
+
border-right-color: #f56c6c;
|
|
93
|
+
.item-value .value{
|
|
94
|
+
color: #f56c6c;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
.item-value{
|
|
99
|
+
padding-right: 10px;
|
|
40
100
|
.value{
|
|
41
|
-
font-
|
|
101
|
+
font-weight: 600;
|
|
102
|
+
font-size: $xt-font-size-base;
|
|
42
103
|
}
|
|
43
104
|
}
|
|
44
|
-
.
|
|
45
|
-
|
|
46
|
-
|
|
105
|
+
.item_label{
|
|
106
|
+
padding-left: 10px;
|
|
107
|
+
}
|
|
108
|
+
.item_unit{
|
|
109
|
+
padding-left: 5px;
|
|
110
|
+
}
|
|
47
111
|
}
|
|
48
112
|
</style>
|
package/src/styles/theme.scss
CHANGED
|
@@ -92,37 +92,36 @@
|
|
|
92
92
|
--xt-color-border-extra-light: #434343;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
//
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
--xt-
|
|
102
|
-
--xt-
|
|
103
|
-
--xt-
|
|
95
|
+
// ===========================
|
|
96
|
+
// 字体大小主题（基于增量）
|
|
97
|
+
// ===========================
|
|
98
|
+
|
|
99
|
+
// 小字体主题 - 增量 0px
|
|
100
|
+
[data-size="small"] {
|
|
101
|
+
--xt-font-size-extra-large: #{$xt-font-size-extra-large + $xt-font-size-increment-small};
|
|
102
|
+
--xt-font-size-large: #{$xt-font-size-large + $xt-font-size-increment-small};
|
|
103
|
+
--xt-font-size-medium: #{$xt-font-size-medium + $xt-font-size-increment-small};
|
|
104
|
+
--xt-font-size-base: #{$xt-font-size-base + $xt-font-size-increment-small};
|
|
105
|
+
--xt-font-size-small: #{$xt-font-size-small + $xt-font-size-increment-small};
|
|
106
|
+
--xt-font-size-extra-small: #{$xt-font-size-extra-small + $xt-font-size-increment-small};
|
|
104
107
|
}
|
|
105
108
|
|
|
106
|
-
//
|
|
107
|
-
[data-size="
|
|
108
|
-
--xt-font-size-
|
|
109
|
-
--xt-font-size-
|
|
110
|
-
--xt-font-size-
|
|
111
|
-
|
|
112
|
-
--xt-
|
|
113
|
-
--xt-
|
|
114
|
-
--xt-spacing-md: 15px;
|
|
115
|
-
--xt-spacing-lg: 20px;
|
|
109
|
+
// 中等字体主题 - 增量 2px
|
|
110
|
+
[data-size="medium"] {
|
|
111
|
+
--xt-font-size-extra-large: #{$xt-font-size-extra-large + $xt-font-size-increment-medium};
|
|
112
|
+
--xt-font-size-large: #{$xt-font-size-large + $xt-font-size-increment-medium};
|
|
113
|
+
--xt-font-size-medium: #{$xt-font-size-medium + $xt-font-size-increment-medium};
|
|
114
|
+
--xt-font-size-base: #{$xt-font-size-base + $xt-font-size-increment-medium};
|
|
115
|
+
--xt-font-size-small: #{$xt-font-size-small + $xt-font-size-increment-medium};
|
|
116
|
+
--xt-font-size-extra-small: #{$xt-font-size-extra-small + $xt-font-size-increment-medium};
|
|
116
117
|
}
|
|
117
118
|
|
|
118
|
-
//
|
|
119
|
-
[data-size="
|
|
120
|
-
--xt-font-size-
|
|
121
|
-
--xt-font-size-
|
|
122
|
-
--xt-font-size-
|
|
123
|
-
|
|
124
|
-
--xt-
|
|
125
|
-
--xt-
|
|
126
|
-
--xt-spacing-md: 9px;
|
|
127
|
-
--xt-spacing-lg: 12px;
|
|
119
|
+
// 大字体主题 - 增量 4px
|
|
120
|
+
[data-size="large"] {
|
|
121
|
+
--xt-font-size-extra-large: #{$xt-font-size-extra-large + $xt-font-size-increment-large};
|
|
122
|
+
--xt-font-size-large: #{$xt-font-size-large + $xt-font-size-increment-large};
|
|
123
|
+
--xt-font-size-medium: #{$xt-font-size-medium + $xt-font-size-increment-large};
|
|
124
|
+
--xt-font-size-base: #{$xt-font-size-base + $xt-font-size-increment-large};
|
|
125
|
+
--xt-font-size-small: #{$xt-font-size-small + $xt-font-size-increment-large};
|
|
126
|
+
--xt-font-size-extra-small: #{$xt-font-size-extra-small + $xt-font-size-increment-large};
|
|
128
127
|
}
|
|
@@ -44,14 +44,21 @@ $xt-color-border-lighter: #EBEEF5; // 边框更浅色
|
|
|
44
44
|
$xt-color-border-extra-light: #F2F6FC; // 边框极浅色
|
|
45
45
|
|
|
46
46
|
// ===========================
|
|
47
|
-
// 字体大小
|
|
47
|
+
// 字体大小 - 基础值
|
|
48
48
|
// ===========================
|
|
49
|
-
$xt-font-size-extra-large: 20px; //
|
|
50
|
-
$xt-font-size-large: 18px; //
|
|
51
|
-
$xt-font-size-medium: 16px; //
|
|
49
|
+
$xt-font-size-extra-large: 20px; // 特大字体基础值
|
|
50
|
+
$xt-font-size-large: 18px; // 大字体基础值
|
|
51
|
+
$xt-font-size-medium: 16px; // 中等字体基础值
|
|
52
52
|
$xt-font-size-base: 14px; // 基准字体 - Element UI 默认
|
|
53
|
-
$xt-font-size-small: 13px; //
|
|
54
|
-
$xt-font-size-extra-small: 12px; //
|
|
53
|
+
$xt-font-size-small: 13px; // 小字体基础值
|
|
54
|
+
$xt-font-size-extra-small: 12px; // 特小字体基础值
|
|
55
|
+
|
|
56
|
+
// ===========================
|
|
57
|
+
// 字体大小增量（用于主题切换）
|
|
58
|
+
// ===========================
|
|
59
|
+
$xt-font-size-increment-small: 0px; // 小尺寸增量
|
|
60
|
+
$xt-font-size-increment-medium: 2px; // 中尺寸增量
|
|
61
|
+
$xt-font-size-increment-large: 4px; // 大尺寸增量
|
|
55
62
|
|
|
56
63
|
// ===========================
|
|
57
64
|
// 间距
|