@xq-labs/data-ui-v2 0.2.0 → 0.2.1
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/docs/api/overview.md +42 -6
- package/docs/examples/bar-line-chart.md +21 -4
- package/docs/examples/pie-chart.md +31 -4
- package/es/bar-line-chart/index.js +2 -2
- package/es/base-chart/index.js +1 -1
- package/es/{index-6128787e.js → index-017ccf86.js} +16 -4
- package/es/{index-6af2ada7.js → index-d151eeca.js} +31 -10
- package/es/index.js +3 -3
- package/es/pie-chart/index.js +2 -2
- package/es/with-install-e405b463.js +560 -0
- package/lib/bar-line-chart/index.js +2 -2
- package/lib/base-chart/index.js +1 -1
- package/lib/{index-b3548b04.js → index-7abf647e.js} +31 -10
- package/lib/{index-ce63a14a.js → index-b9e0c40b.js} +16 -4
- package/lib/index.js +3 -3
- package/lib/pie-chart/index.js +2 -2
- package/lib/with-install-4304a8ea.js +565 -0
- package/package.json +1 -1
- package/es/with-install-befebea5.js +0 -411
- package/lib/with-install-6ce12163.js +0 -416
|
@@ -5,7 +5,7 @@ var echarts = require('echarts/core');
|
|
|
5
5
|
var charts = require('echarts/charts');
|
|
6
6
|
var components = require('echarts/components');
|
|
7
7
|
var renderers = require('echarts/renderers');
|
|
8
|
-
var withInstall = require('./with-install-
|
|
8
|
+
var withInstall = require('./with-install-4304a8ea.js');
|
|
9
9
|
|
|
10
10
|
function _interopNamespaceDefault(e) {
|
|
11
11
|
var n = Object.create(null);
|
|
@@ -1117,12 +1117,22 @@ var script = {
|
|
|
1117
1117
|
},
|
|
1118
1118
|
/**
|
|
1119
1119
|
* 图表 loading 状态。
|
|
1120
|
-
* 由底层 BaseChart
|
|
1120
|
+
* 由底层 BaseChart 统一负责组件层遮罩式 loading UI。
|
|
1121
1121
|
*/
|
|
1122
1122
|
loading: {
|
|
1123
1123
|
type: Boolean,
|
|
1124
1124
|
"default": false
|
|
1125
1125
|
},
|
|
1126
|
+
/**
|
|
1127
|
+
* 统一状态展示配置。
|
|
1128
|
+
* 负责收拢空态文案、空态图片与 loading 文案。
|
|
1129
|
+
*/
|
|
1130
|
+
stateConfig: {
|
|
1131
|
+
type: Object,
|
|
1132
|
+
"default": function _default() {
|
|
1133
|
+
return {};
|
|
1134
|
+
}
|
|
1135
|
+
},
|
|
1126
1136
|
/**
|
|
1127
1137
|
* 图表容器高度。
|
|
1128
1138
|
* 支持数字(按 px 处理)或原样透传的字符串高度值。
|
|
@@ -1177,14 +1187,25 @@ var script = {
|
|
|
1177
1187
|
return this.isEmpty || this.is3D && this.echartsGlStatus === 'failed';
|
|
1178
1188
|
},
|
|
1179
1189
|
/**
|
|
1180
|
-
*
|
|
1181
|
-
* 3D
|
|
1190
|
+
* 统一归一化传给 BaseChart 的状态配置。
|
|
1191
|
+
* 3D 运行时失败时,内部错误文案优先级最高,但仍保留业务自定义图片和 loading 文案。
|
|
1182
1192
|
*/
|
|
1183
|
-
|
|
1193
|
+
resolvedStateConfig: function resolvedStateConfig() {
|
|
1194
|
+
var stateConfig = this.stateConfig || {};
|
|
1195
|
+
var emptyConfig = stateConfig.empty || {};
|
|
1196
|
+
var loadingConfig = stateConfig.loading || {};
|
|
1184
1197
|
if (this.is3D && this.echartsGlStatus === 'failed') {
|
|
1185
|
-
return
|
|
1198
|
+
return {
|
|
1199
|
+
empty: colors._objectSpread2(colors._objectSpread2({}, emptyConfig), {}, {
|
|
1200
|
+
text: this.echartsGlErrorMessage || '使用 3D 饼图需要安装 echarts-gl'
|
|
1201
|
+
}),
|
|
1202
|
+
loading: colors._objectSpread2({}, loadingConfig)
|
|
1203
|
+
};
|
|
1186
1204
|
}
|
|
1187
|
-
return
|
|
1205
|
+
return {
|
|
1206
|
+
empty: colors._objectSpread2({}, emptyConfig),
|
|
1207
|
+
loading: colors._objectSpread2({}, loadingConfig)
|
|
1208
|
+
};
|
|
1188
1209
|
},
|
|
1189
1210
|
/**
|
|
1190
1211
|
* 将组件公开 props 统一汇总后交给 builder。
|
|
@@ -1302,7 +1323,7 @@ var script = {
|
|
|
1302
1323
|
}
|
|
1303
1324
|
};
|
|
1304
1325
|
|
|
1305
|
-
var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
|
|
1326
|
+
var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
|
|
1306
1327
|
withInstall.styleInject(css_248z);
|
|
1307
1328
|
|
|
1308
1329
|
/* script */
|
|
@@ -1317,7 +1338,7 @@ var __vue_render__ = function __vue_render__() {
|
|
|
1317
1338
|
option: _vm.chartOption,
|
|
1318
1339
|
loading: _vm.chartLoading,
|
|
1319
1340
|
empty: _vm.chartEmpty,
|
|
1320
|
-
"
|
|
1341
|
+
"state-config": _vm.resolvedStateConfig,
|
|
1321
1342
|
height: _vm.height
|
|
1322
1343
|
},
|
|
1323
1344
|
on: {
|
|
@@ -1334,7 +1355,7 @@ __vue_render__._withStripped = true;
|
|
|
1334
1355
|
/* style */
|
|
1335
1356
|
var __vue_inject_styles__ = undefined;
|
|
1336
1357
|
/* scoped */
|
|
1337
|
-
var __vue_scope_id__ = "data-v-
|
|
1358
|
+
var __vue_scope_id__ = "data-v-19bfc774";
|
|
1338
1359
|
/* module identifier */
|
|
1339
1360
|
var __vue_module_identifier__ = undefined;
|
|
1340
1361
|
/* functional template */
|
|
@@ -4,7 +4,7 @@ var echarts = require('echarts/core');
|
|
|
4
4
|
var charts = require('echarts/charts');
|
|
5
5
|
var components = require('echarts/components');
|
|
6
6
|
var renderers = require('echarts/renderers');
|
|
7
|
-
var withInstall = require('./with-install-
|
|
7
|
+
var withInstall = require('./with-install-4304a8ea.js');
|
|
8
8
|
var colors = require('./colors-55265c91.js');
|
|
9
9
|
|
|
10
10
|
function _interopNamespaceDefault(e) {
|
|
@@ -1173,6 +1173,7 @@ function buildBarLineOption() {
|
|
|
1173
1173
|
//
|
|
1174
1174
|
//
|
|
1175
1175
|
//
|
|
1176
|
+
//
|
|
1176
1177
|
|
|
1177
1178
|
|
|
1178
1179
|
/**
|
|
@@ -1269,12 +1270,22 @@ var script = {
|
|
|
1269
1270
|
},
|
|
1270
1271
|
/**
|
|
1271
1272
|
* 图表 loading 状态。
|
|
1272
|
-
* 由 BaseChart
|
|
1273
|
+
* 由 BaseChart 统一接管组件层遮罩式 loading UI。
|
|
1273
1274
|
*/
|
|
1274
1275
|
loading: {
|
|
1275
1276
|
type: Boolean,
|
|
1276
1277
|
"default": false
|
|
1277
1278
|
},
|
|
1279
|
+
/**
|
|
1280
|
+
* 统一状态展示配置。
|
|
1281
|
+
* 组件层只负责原样透传给 BaseChart,不参与文案计算。
|
|
1282
|
+
*/
|
|
1283
|
+
stateConfig: {
|
|
1284
|
+
type: Object,
|
|
1285
|
+
"default": function _default() {
|
|
1286
|
+
return {};
|
|
1287
|
+
}
|
|
1288
|
+
},
|
|
1278
1289
|
/**
|
|
1279
1290
|
* 图表容器高度。
|
|
1280
1291
|
* 支持数字像素值或原样透传的 CSS 高度字符串。
|
|
@@ -1311,7 +1322,7 @@ var script = {
|
|
|
1311
1322
|
}
|
|
1312
1323
|
};
|
|
1313
1324
|
|
|
1314
|
-
var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
|
|
1325
|
+
var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
|
|
1315
1326
|
withInstall.styleInject(css_248z);
|
|
1316
1327
|
|
|
1317
1328
|
/* script */
|
|
@@ -1326,6 +1337,7 @@ var __vue_render__ = function __vue_render__() {
|
|
|
1326
1337
|
option: _vm.chartOption,
|
|
1327
1338
|
loading: _vm.loading,
|
|
1328
1339
|
empty: _vm.isEmpty,
|
|
1340
|
+
"state-config": _vm.stateConfig,
|
|
1329
1341
|
height: _vm.height
|
|
1330
1342
|
},
|
|
1331
1343
|
on: {
|
|
@@ -1344,7 +1356,7 @@ __vue_render__._withStripped = true;
|
|
|
1344
1356
|
/* style */
|
|
1345
1357
|
var __vue_inject_styles__ = undefined;
|
|
1346
1358
|
/* scoped */
|
|
1347
|
-
var __vue_scope_id__ = "data-v-
|
|
1359
|
+
var __vue_scope_id__ = "data-v-1ad2414e";
|
|
1348
1360
|
/* module identifier */
|
|
1349
1361
|
var __vue_module_identifier__ = undefined;
|
|
1350
1362
|
/* functional template */
|
package/lib/index.js
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../theme-chalk/index.css');
|
|
6
|
-
var withInstall = require('./with-install-
|
|
7
|
-
var index$1 = require('./index-
|
|
8
|
-
var index$2 = require('./index-
|
|
6
|
+
var withInstall = require('./with-install-4304a8ea.js');
|
|
7
|
+
var index$1 = require('./index-b9e0c40b.js');
|
|
8
|
+
var index$2 = require('./index-7abf647e.js');
|
|
9
9
|
require('echarts/core');
|
|
10
10
|
require('echarts/charts');
|
|
11
11
|
require('echarts/components');
|
package/lib/pie-chart/index.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../theme-chalk/index.css');
|
|
6
|
-
var index = require('../index-
|
|
7
|
-
var withInstall = require('../with-install-
|
|
6
|
+
var index = require('../index-7abf647e.js');
|
|
7
|
+
var withInstall = require('../with-install-4304a8ea.js');
|
|
8
8
|
require('../colors-55265c91.js');
|
|
9
9
|
require('echarts/core');
|
|
10
10
|
require('echarts/charts');
|