@minilo/ui 0.0.7 → 0.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/package.json +2 -2
- package/minilo/dist/index.css +0 -1
- package/minilo/dist/index.full.js +0 -8393
- package/minilo/dist/index.full.min.js +0 -2
- package/minilo/dist/index.full.min.js.map +0 -1
- package/minilo/dist/index.full.min.mjs +0 -2
- package/minilo/dist/index.full.min.mjs.map +0 -1
- package/minilo/dist/index.full.mjs +0 -8373
- package/minilo/es/components/button/index.d.ts +0 -47
- package/minilo/es/components/button/index.mjs +0 -6
- package/minilo/es/components/button/index.vue.d.ts +0 -29
- package/minilo/es/components/button/index.vue.mjs +0 -5
- package/minilo/es/components/button/index.vue2.mjs +0 -67
- package/minilo/es/components/button/type.d.ts +0 -10
- package/minilo/es/components/chart/index.d.ts +0 -49
- package/minilo/es/components/chart/index.mjs +0 -6
- package/minilo/es/components/chart/index.vue.d.ts +0 -33
- package/minilo/es/components/chart/index.vue.mjs +0 -5
- package/minilo/es/components/chart/index.vue2.mjs +0 -124
- package/minilo/es/components/chart/type.d.ts +0 -7
- package/minilo/es/components/detail/index.d.ts +0 -37
- package/minilo/es/components/detail/index.mjs +0 -6
- package/minilo/es/components/detail/index.vue.d.ts +0 -23
- package/minilo/es/components/detail/index.vue.mjs +0 -5
- package/minilo/es/components/detail/index.vue2.mjs +0 -194
- package/minilo/es/components/detail/renderLabel.vue.d.ts +0 -8
- package/minilo/es/components/detail/renderLabel.vue.mjs +0 -5
- package/minilo/es/components/detail/renderLabel.vue2.mjs +0 -23
- package/minilo/es/components/detail/renderTooltip.vue.d.ts +0 -8
- package/minilo/es/components/detail/renderTooltip.vue.mjs +0 -5
- package/minilo/es/components/detail/renderTooltip.vue2.mjs +0 -23
- package/minilo/es/components/detail/type.d.ts +0 -27
- package/minilo/es/components/image-upload-pro/index.d.ts +0 -544
- package/minilo/es/components/image-upload-pro/index.mjs +0 -7
- package/minilo/es/components/image-upload-pro/index.vue.d.ts +0 -546
- package/minilo/es/components/image-upload-pro/index.vue.mjs +0 -5
- package/minilo/es/components/image-upload-pro/index.vue2.mjs +0 -657
- package/minilo/es/components/image-upload-pro/type.d.ts +0 -147
- package/minilo/es/components/image-upload-pro/type.mjs +0 -81
- package/minilo/es/components/index.d.ts +0 -11
- package/minilo/es/components/index.mjs +0 -14
- package/minilo/es/components/number-range-input/index.d.ts +0 -41
- package/minilo/es/components/number-range-input/index.mjs +0 -6
- package/minilo/es/components/number-range-input/index.vue.d.ts +0 -33
- package/minilo/es/components/number-range-input/index.vue.mjs +0 -5
- package/minilo/es/components/number-range-input/index.vue2.mjs +0 -150
- package/minilo/es/components/number-range-input/props.d.ts +0 -10
- package/minilo/es/components/search/index.d.ts +0 -488
- package/minilo/es/components/search/index.mjs +0 -6
- package/minilo/es/components/search/index.vue.d.ts +0 -554
- package/minilo/es/components/search/index.vue.mjs +0 -5
- package/minilo/es/components/search/index.vue2.mjs +0 -297
- package/minilo/es/components/search/props.d.ts +0 -107
- package/minilo/es/components/search/props.mjs +0 -55
- package/minilo/es/components/search-table/index.mjs +0 -6
- package/minilo/es/components/search-table/index.vue.d.ts +0 -189
- package/minilo/es/components/search-table/index.vue.mjs +0 -5
- package/minilo/es/components/search-table/index.vue2.mjs +0 -198
- package/minilo/es/components/search-table/props.d.ts +0 -69
- package/minilo/es/components/search-table/props.mjs +0 -69
- package/minilo/es/components/search-table/render.d.ts +0 -11
- package/minilo/es/components/search-table/render.mjs +0 -19
- package/minilo/es/components/tree-select/index.d.ts +0 -34
- package/minilo/es/components/tree-select/index.mjs +0 -6
- package/minilo/es/components/tree-select/index.vue.d.ts +0 -23
- package/minilo/es/components/tree-select/index.vue.mjs +0 -5
- package/minilo/es/components/tree-select/index.vue2.mjs +0 -229
- package/minilo/es/components/tree-select/type.d.ts +0 -34
- package/minilo/es/components/tree-select-dialog/index.d.ts +0 -64
- package/minilo/es/components/tree-select-dialog/index.mjs +0 -7
- package/minilo/es/components/tree-select-dialog/index.vue.d.ts +0 -26
- package/minilo/es/components/tree-select-dialog/index.vue.mjs +0 -5
- package/minilo/es/components/tree-select-dialog/index.vue2.mjs +0 -145
- package/minilo/es/components/tree-select-dialog/type.d.ts +0 -9
- package/minilo/es/components/tree-select-dialog/type.mjs +0 -24
- package/minilo/es/components/tree-select-drawer/index.d.ts +0 -69
- package/minilo/es/components/tree-select-drawer/index.mjs +0 -7
- package/minilo/es/components/tree-select-drawer/index.vue.d.ts +0 -26
- package/minilo/es/components/tree-select-drawer/index.vue.mjs +0 -5
- package/minilo/es/components/tree-select-drawer/index.vue2.mjs +0 -151
- package/minilo/es/components/tree-select-drawer/type.d.ts +0 -10
- package/minilo/es/components/tree-select-drawer/type.mjs +0 -20
- package/minilo/es/components/virtual-list/index.d.ts +0 -59
- package/minilo/es/components/virtual-list/index.mjs +0 -6
- package/minilo/es/components/virtual-list/index.vue.d.ts +0 -39
- package/minilo/es/components/virtual-list/index.vue.mjs +0 -5
- package/minilo/es/components/virtual-list/index.vue2.mjs +0 -423
- package/minilo/es/components/virtual-list/type.d.ts +0 -20
- package/minilo/es/node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.26_typescript@5.9.3_/node_modules/@element-plus/icons-vue/dist/index.mjs +0 -41
- package/minilo/es/node_modules/.pnpm/@vueuse_core@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/index.mjs +0 -73
- package/minilo/es/node_modules/.pnpm/@vueuse_shared@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/index.mjs +0 -76
- package/minilo/es/packages/utils/dist/func/common.mjs +0 -14
- package/minilo/es/packages/utils/dist/request/index.mjs +0 -105
- package/minilo/es/resolver/index.d.ts +0 -8
- package/minilo/es/resolver/index.mjs +0 -26
- package/minilo/es/utils/index.d.ts +0 -28
- package/minilo/es/utils/index.mjs +0 -30
- package/minilo/lib/components/button/index.d.ts +0 -47
- package/minilo/lib/components/button/index.js +0 -11
- package/minilo/lib/components/button/index.vue.d.ts +0 -29
- package/minilo/lib/components/button/index.vue.js +0 -9
- package/minilo/lib/components/button/index.vue2.js +0 -71
- package/minilo/lib/components/button/type.d.ts +0 -10
- package/minilo/lib/components/chart/index.d.ts +0 -49
- package/minilo/lib/components/chart/index.js +0 -11
- package/minilo/lib/components/chart/index.vue.d.ts +0 -33
- package/minilo/lib/components/chart/index.vue.js +0 -9
- package/minilo/lib/components/chart/index.vue2.js +0 -128
- package/minilo/lib/components/chart/type.d.ts +0 -7
- package/minilo/lib/components/detail/index.d.ts +0 -37
- package/minilo/lib/components/detail/index.js +0 -11
- package/minilo/lib/components/detail/index.vue.d.ts +0 -23
- package/minilo/lib/components/detail/index.vue.js +0 -9
- package/minilo/lib/components/detail/index.vue2.js +0 -198
- package/minilo/lib/components/detail/renderLabel.vue.d.ts +0 -8
- package/minilo/lib/components/detail/renderLabel.vue.js +0 -9
- package/minilo/lib/components/detail/renderLabel.vue2.js +0 -27
- package/minilo/lib/components/detail/renderTooltip.vue.d.ts +0 -8
- package/minilo/lib/components/detail/renderTooltip.vue.js +0 -9
- package/minilo/lib/components/detail/renderTooltip.vue2.js +0 -27
- package/minilo/lib/components/detail/type.d.ts +0 -27
- package/minilo/lib/components/image-upload-pro/index.d.ts +0 -544
- package/minilo/lib/components/image-upload-pro/index.js +0 -13
- package/minilo/lib/components/image-upload-pro/index.vue.d.ts +0 -546
- package/minilo/lib/components/image-upload-pro/index.vue.js +0 -9
- package/minilo/lib/components/image-upload-pro/index.vue2.js +0 -661
- package/minilo/lib/components/image-upload-pro/type.d.ts +0 -147
- package/minilo/lib/components/image-upload-pro/type.js +0 -83
- package/minilo/lib/components/index.d.ts +0 -11
- package/minilo/lib/components/index.js +0 -33
- package/minilo/lib/components/number-range-input/index.d.ts +0 -41
- package/minilo/lib/components/number-range-input/index.js +0 -11
- package/minilo/lib/components/number-range-input/index.vue.d.ts +0 -33
- package/minilo/lib/components/number-range-input/index.vue.js +0 -9
- package/minilo/lib/components/number-range-input/index.vue2.js +0 -154
- package/minilo/lib/components/number-range-input/props.d.ts +0 -10
- package/minilo/lib/components/search/index.d.ts +0 -488
- package/minilo/lib/components/search/index.js +0 -11
- package/minilo/lib/components/search/index.vue.d.ts +0 -554
- package/minilo/lib/components/search/index.vue.js +0 -9
- package/minilo/lib/components/search/index.vue2.js +0 -301
- package/minilo/lib/components/search/props.d.ts +0 -107
- package/minilo/lib/components/search/props.js +0 -58
- package/minilo/lib/components/search-table/index.js +0 -11
- package/minilo/lib/components/search-table/index.vue.d.ts +0 -189
- package/minilo/lib/components/search-table/index.vue.js +0 -9
- package/minilo/lib/components/search-table/index.vue2.js +0 -202
- package/minilo/lib/components/search-table/props.d.ts +0 -69
- package/minilo/lib/components/search-table/props.js +0 -72
- package/minilo/lib/components/search-table/render.d.ts +0 -11
- package/minilo/lib/components/search-table/render.js +0 -23
- package/minilo/lib/components/tree-select/index.d.ts +0 -34
- package/minilo/lib/components/tree-select/index.js +0 -11
- package/minilo/lib/components/tree-select/index.vue.d.ts +0 -23
- package/minilo/lib/components/tree-select/index.vue.js +0 -9
- package/minilo/lib/components/tree-select/index.vue2.js +0 -233
- package/minilo/lib/components/tree-select/type.d.ts +0 -34
- package/minilo/lib/components/tree-select-dialog/index.d.ts +0 -64
- package/minilo/lib/components/tree-select-dialog/index.js +0 -13
- package/minilo/lib/components/tree-select-dialog/index.vue.d.ts +0 -26
- package/minilo/lib/components/tree-select-dialog/index.vue.js +0 -9
- package/minilo/lib/components/tree-select-dialog/index.vue2.js +0 -149
- package/minilo/lib/components/tree-select-dialog/type.d.ts +0 -9
- package/minilo/lib/components/tree-select-dialog/type.js +0 -26
- package/minilo/lib/components/tree-select-drawer/index.d.ts +0 -69
- package/minilo/lib/components/tree-select-drawer/index.js +0 -13
- package/minilo/lib/components/tree-select-drawer/index.vue.d.ts +0 -26
- package/minilo/lib/components/tree-select-drawer/index.vue.js +0 -9
- package/minilo/lib/components/tree-select-drawer/index.vue2.js +0 -155
- package/minilo/lib/components/tree-select-drawer/type.d.ts +0 -10
- package/minilo/lib/components/tree-select-drawer/type.js +0 -22
- package/minilo/lib/components/virtual-list/index.d.ts +0 -59
- package/minilo/lib/components/virtual-list/index.js +0 -11
- package/minilo/lib/components/virtual-list/index.vue.d.ts +0 -39
- package/minilo/lib/components/virtual-list/index.vue.js +0 -9
- package/minilo/lib/components/virtual-list/index.vue2.js +0 -427
- package/minilo/lib/components/virtual-list/type.d.ts +0 -20
- package/minilo/lib/node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.26_typescript@5.9.3_/node_modules/@element-plus/icons-vue/dist/index.js +0 -44
- package/minilo/lib/node_modules/.pnpm/@vueuse_core@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/index.js +0 -84
- package/minilo/lib/node_modules/.pnpm/@vueuse_shared@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/index.js +0 -83
- package/minilo/lib/packages/utils/dist/func/common.js +0 -16
- package/minilo/lib/packages/utils/dist/request/index.js +0 -115
- package/minilo/lib/resolver/index.d.ts +0 -8
- package/minilo/lib/resolver/index.js +0 -28
- package/minilo/lib/utils/index.d.ts +0 -28
- package/minilo/lib/utils/index.js +0 -34
- package/minilo/theme-chalk/index.css +0 -1
- package/minilo/theme-chalk/ml-button.css +0 -1
- package/minilo/theme-chalk/ml-chart.css +0 -1
- package/minilo/theme-chalk/ml-detail.css +0 -1
- package/minilo/theme-chalk/ml-image-upload-pro.css +0 -1
- package/minilo/theme-chalk/ml-number-range-input.css +0 -1
- package/minilo/theme-chalk/ml-search-table.css +0 -1
- package/minilo/theme-chalk/ml-search.css +0 -1
- package/minilo/theme-chalk/ml-tree-select-dialog.css +0 -0
- package/minilo/theme-chalk/ml-tree-select-drawer.css +0 -0
- package/minilo/theme-chalk/ml-tree-select.css +0 -1
- package/minilo/theme-chalk/ml-virtual-list.css +0 -1
- package/minilo/theme-chalk/src/button.scss +0 -22
- package/minilo/theme-chalk/src/chart.scss +0 -11
- package/minilo/theme-chalk/src/default/variable.scss +0 -1
- package/minilo/theme-chalk/src/detail.scss +0 -9
- package/minilo/theme-chalk/src/image-upload-pro.scss +0 -70
- package/minilo/theme-chalk/src/index.scss +0 -14
- package/minilo/theme-chalk/src/mixins/mixin.scss +0 -273
- package/minilo/theme-chalk/src/number-range-input.scss +0 -9
- package/minilo/theme-chalk/src/search-table.scss +0 -47
- package/minilo/theme-chalk/src/search.scss +0 -20
- package/minilo/theme-chalk/src/tree-select-dialog.scss +0 -0
- package/minilo/theme-chalk/src/tree-select-drawer.scss +0 -0
- package/minilo/theme-chalk/src/tree-select.scss +0 -47
- package/minilo/theme-chalk/src/virtual-list.scss +0 -49
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var axios = require('axios');
|
|
4
|
-
var elementPlus = require('element-plus');
|
|
5
|
-
var defu = require('defu');
|
|
6
|
-
|
|
7
|
-
const initRequestInstance = (extendConfig = {}, options = {}) => {
|
|
8
|
-
const { interceptorsRequestFn = () => {
|
|
9
|
-
}, interceptorsResponseFn = () => {
|
|
10
|
-
}, isSuccess = (data) => data?.code === 200, getData = (data) => data?.data, getMessage = (data) => data?.msg || "\u8BF7\u6C42\u5931\u8D25" } = options;
|
|
11
|
-
const axiosConfig = defu.defu({}, extendConfig, {
|
|
12
|
-
baseURL: "/",
|
|
13
|
-
// 从环境变量获取基础URL
|
|
14
|
-
timeout: 1e4,
|
|
15
|
-
// 超时时间
|
|
16
|
-
headers: {
|
|
17
|
-
"Content-Type": "application/json;charset=utf-8"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
const instance = axios.create(axiosConfig);
|
|
21
|
-
instance.interceptors.request.use((config) => {
|
|
22
|
-
interceptorsRequestFn(config);
|
|
23
|
-
addPendingRequest(config);
|
|
24
|
-
return config;
|
|
25
|
-
}, (error) => {
|
|
26
|
-
return Promise.reject(error);
|
|
27
|
-
});
|
|
28
|
-
instance.interceptors.response.use((response) => {
|
|
29
|
-
interceptorsResponseFn(response);
|
|
30
|
-
removePendingRequest(response.config);
|
|
31
|
-
const data = response.data;
|
|
32
|
-
if (isSuccess(data)) {
|
|
33
|
-
return Promise.resolve({
|
|
34
|
-
...response,
|
|
35
|
-
...data,
|
|
36
|
-
data: getData(data)
|
|
37
|
-
});
|
|
38
|
-
} else {
|
|
39
|
-
const msg = getMessage(data);
|
|
40
|
-
elementPlus.ElMessage.error(msg);
|
|
41
|
-
return Promise.reject(new Error(msg));
|
|
42
|
-
}
|
|
43
|
-
}, (error) => {
|
|
44
|
-
console.log("\u8BF7\u6C42\u53D1\u751F\u9519\u8BEF>>>>>>>>>>>>>>>>>>\uFF1A", error);
|
|
45
|
-
if (error.config) {
|
|
46
|
-
removePendingRequest(error.config);
|
|
47
|
-
}
|
|
48
|
-
if (axios.isCancel(error)) {
|
|
49
|
-
console.warn("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88:", error.message);
|
|
50
|
-
return Promise.reject(new Error("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88"));
|
|
51
|
-
}
|
|
52
|
-
if (!window.navigator.onLine) {
|
|
53
|
-
elementPlus.ElMessage.error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC");
|
|
54
|
-
return Promise.reject(new Error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00"));
|
|
55
|
-
}
|
|
56
|
-
const { response } = error;
|
|
57
|
-
if (response) {
|
|
58
|
-
switch (response.status) {
|
|
59
|
-
case 401:
|
|
60
|
-
elementPlus.ElMessage.error("\u8EAB\u4EFD\u9A8C\u8BC1\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
|
|
61
|
-
break;
|
|
62
|
-
case 403:
|
|
63
|
-
elementPlus.ElMessage.error("\u6CA1\u6709\u6743\u9650\u6267\u884C\u6B64\u64CD\u4F5C");
|
|
64
|
-
break;
|
|
65
|
-
case 404:
|
|
66
|
-
elementPlus.ElMessage.error("\u8BF7\u6C42\u7684\u8D44\u6E90\u4E0D\u5B58\u5728");
|
|
67
|
-
break;
|
|
68
|
-
case 500:
|
|
69
|
-
elementPlus.ElMessage.error("\u670D\u52A1\u5668\u5185\u90E8\u9519\u8BEF");
|
|
70
|
-
break;
|
|
71
|
-
default:
|
|
72
|
-
elementPlus.ElMessage.error(`\u8BF7\u6C42\u9519\u8BEF: ${response.status}`);
|
|
73
|
-
}
|
|
74
|
-
} else {
|
|
75
|
-
elementPlus.ElMessage.error("\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
|
|
76
|
-
}
|
|
77
|
-
return Promise.reject(error);
|
|
78
|
-
});
|
|
79
|
-
return instance;
|
|
80
|
-
};
|
|
81
|
-
const pendingRequests = /* @__PURE__ */ new Map();
|
|
82
|
-
const generateRequestKey = (config) => {
|
|
83
|
-
const { method, url, params, data } = config;
|
|
84
|
-
const paramsStr = params ? JSON.stringify(params) : "";
|
|
85
|
-
const dataStr = data ? JSON.stringify(data) : "";
|
|
86
|
-
return `${method}-${url}-${paramsStr}-${dataStr}`;
|
|
87
|
-
};
|
|
88
|
-
const addPendingRequest = (config) => {
|
|
89
|
-
const requestKey = generateRequestKey(config);
|
|
90
|
-
if (pendingRequests.has(requestKey)) {
|
|
91
|
-
const cancelToken = pendingRequests.get(requestKey);
|
|
92
|
-
cancelToken.cancel(`\u91CD\u590D\u8BF7\u6C42\u88AB\u53D6\u6D88: ${config.url}`);
|
|
93
|
-
pendingRequests.delete(requestKey);
|
|
94
|
-
}
|
|
95
|
-
const source = axios.CancelToken.source();
|
|
96
|
-
config.cancelToken = source.token;
|
|
97
|
-
pendingRequests.set(requestKey, source);
|
|
98
|
-
};
|
|
99
|
-
const removePendingRequest = (config) => {
|
|
100
|
-
const requestKey = generateRequestKey(config);
|
|
101
|
-
if (pendingRequests.has(requestKey)) {
|
|
102
|
-
pendingRequests.delete(requestKey);
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
exports.addPendingRequest = addPendingRequest;
|
|
107
|
-
exports.generateRequestKey = generateRequestKey;
|
|
108
|
-
exports.initRequestInstance = initRequestInstance;
|
|
109
|
-
exports.removePendingRequest = removePendingRequest;
|
|
110
|
-
Object.keys(axios).forEach(function (k) {
|
|
111
|
-
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
112
|
-
enumerable: true,
|
|
113
|
-
get: function () { return axios[k]; }
|
|
114
|
-
});
|
|
115
|
-
});
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const libraryNamePrefixUpperCase = "Ml";
|
|
4
|
-
const libraryName = "minilo";
|
|
5
|
-
function kebabCase(key) {
|
|
6
|
-
const result = key.replace(/([A-Z])/g, " $1").trim();
|
|
7
|
-
return result.split(" ").join("-").toLowerCase();
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
const MiniloUiResolver = () => {
|
|
11
|
-
console.log("MiniloUiResolver\u521D\u59CB\u5316");
|
|
12
|
-
return {
|
|
13
|
-
type: "component",
|
|
14
|
-
resolve: (name) => {
|
|
15
|
-
if (name.startsWith(libraryNamePrefixUpperCase)) {
|
|
16
|
-
const componentName = kebabCase(name.slice(2));
|
|
17
|
-
return {
|
|
18
|
-
name,
|
|
19
|
-
from: `@${libraryName}/ui/es/${componentName}`,
|
|
20
|
-
sideEffects: [`@${libraryName}/ui/theme-chalk/ml-${componentName}`]
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
return null;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.MiniloUiResolver = MiniloUiResolver;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Component } from 'vue';
|
|
2
|
-
export declare const libraryNamePrefix = "ml";
|
|
3
|
-
export declare const libraryNamePrefixUpperCase = "Ml";
|
|
4
|
-
export declare const libraryName = "minilo";
|
|
5
|
-
/**
|
|
6
|
-
* @description 组件注册函数
|
|
7
|
-
* @author xieshuhong
|
|
8
|
-
* @template T
|
|
9
|
-
* @param {T} comp
|
|
10
|
-
* @return {*}
|
|
11
|
-
*/
|
|
12
|
-
export declare const withInstall: <T extends Component>(comp: T) => T;
|
|
13
|
-
/**
|
|
14
|
-
* BEM命名规范工具函数
|
|
15
|
-
* @param {string} block - 必选,块名(如'button')
|
|
16
|
-
* @param {string|undefined} element - 可选,元素名(如'icon')
|
|
17
|
-
* @param {string|string[]|undefined} modifier - 可选,修饰符(如'primary'或['large', 'disabled'])
|
|
18
|
-
* @returns {string} 生成的class字符串
|
|
19
|
-
*/
|
|
20
|
-
export declare function bem(block?: string, element?: string, modifier?: string): string;
|
|
21
|
-
/**
|
|
22
|
-
* @description 驼峰转 kabab
|
|
23
|
-
* @author xieshuhong
|
|
24
|
-
* @export
|
|
25
|
-
* @param {string} key
|
|
26
|
-
* @return {*}
|
|
27
|
-
*/
|
|
28
|
-
export declare function kebabCase(key: string): string;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const libraryNamePrefix = "ml";
|
|
4
|
-
const withInstall = (comp) => {
|
|
5
|
-
comp.install = (app) => {
|
|
6
|
-
const compName = comp.name;
|
|
7
|
-
if (!compName) return;
|
|
8
|
-
app.component(compName, comp);
|
|
9
|
-
};
|
|
10
|
-
return comp;
|
|
11
|
-
};
|
|
12
|
-
function bem(block = "", element = "", modifier = "") {
|
|
13
|
-
if (!block || typeof block !== "string") {
|
|
14
|
-
console.error("BEM: block\u5FC5\u987B\u662F\u5B57\u7B26\u4E32\u4E14\u4E0D\u80FD\u4E3A\u7A7A");
|
|
15
|
-
return "";
|
|
16
|
-
}
|
|
17
|
-
let base = `${libraryNamePrefix}-${block}`;
|
|
18
|
-
if (element && typeof element === "string") {
|
|
19
|
-
base += `__${element}`;
|
|
20
|
-
}
|
|
21
|
-
if (!modifier) {
|
|
22
|
-
return base;
|
|
23
|
-
}
|
|
24
|
-
const modifiers = Array.isArray(modifier) ? modifier : [modifier];
|
|
25
|
-
const validModifiers = modifiers.filter((m) => typeof m === "string" && m.trim() !== "");
|
|
26
|
-
if (validModifiers.length === 0) {
|
|
27
|
-
return base;
|
|
28
|
-
}
|
|
29
|
-
return validModifiers.map((mod) => `${base}--${mod}`).join(" ");
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
exports.bem = bem;
|
|
33
|
-
exports.libraryNamePrefix = libraryNamePrefix;
|
|
34
|
-
exports.withInstall = withInstall;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-search{width:100%}.ml-search__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:space-between}.ml-search__content .el-form-item{margin-bottom:6px}.ml-search__content__left{flex:1}.ml-search__content__right{margin-left:12px}.ml-search__collapse{margin-bottom:10px}.ml-search-table{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;height:100%;justify-content:flex-start}.ml-search-table :deep(.el-table){border-radius:8px 8px 0 0}.ml-search-table :deep(.el-table) th{background-color:#f3f3f3}.ml-search-table__content{flex:1;margin-top:10px;width:100%}.ml-search-table__pagination{width:100%}.ml-search-table__pagination,.ml-search-table__pagination .el-pagination{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-end}.ml-chart{position:relative}.ml-chart,.ml-chart__container{height:100%;width:100%}.ml-detail .el-descriptions__body .el-descriptions__label:not(.is-bordered-label){margin-right:10px}.ml-button__tip{height:auto}.ml-button__tip:focus,.ml-button__tip:hover{animation:jump .3s}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.ml-virtual-list__container{border:1px solid #e4e7ed;border-radius:4px;overflow:auto;position:relative}.ml-virtual-list__container .loading-spinner{animation:spin .6s linear infinite;border:2px solid #e4e7ed;border-radius:50%;border-top-color:#409eff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.ml-virtual-list__finished-tip,.ml-virtual-list__loading-tip{align-items:center;background-color:#fff;color:#909399;display:flex;font-size:14px;justify-content:center;padding:20px}.ml-virtual-list__phantom{position:relative;width:100%}.ml-virtual-list__content{left:0;position:absolute;right:0;top:0}.ml-virtual-list__item{box-sizing:border-box}.ml-number-range-input{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.ml-number-range-input__separator{color:#666}.ml-tree-select{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;height:100%;justify-content:flex-start}.ml-tree-select__search{margin-bottom:16px}.ml-tree-select__tree{flex:1;min-height:200px;overflow:auto}.ml-tree-select__footer{align-content:stretch;align-items:center;border-top:1px solid var(--el-border-color-light);display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-end;margin-top:16px;padding-top:16px}.ml-tree-select-dialog .el-dialog__header{margin-bottom:0}.ml-tree-select-dialog .el-dialog__body{padding-top:10px}.ml-tree-select-drawer .el-drawer__header{margin-bottom:0}.ml-tree-select-drawer .el-drawer__body{display:flex;flex-direction:column;padding:16px}.ml-image-upload-pro__upload-container{margin-bottom:20px}.ml-image-upload-pro__upload-text{color:#909399;font-size:12px;line-height:1.5;margin-top:8px}.ml-image-upload-pro__preview-list{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;gap:10px;justify-content:flex-start}.ml-image-upload-pro__preview-item{border:1px solid #e6e6e6;border-radius:4px;cursor:move;height:120px;overflow:hidden;position:relative;width:120px}.ml-image-upload-pro__preview-item.active{border-color:var(--el-color-primary)}.ml-image-upload-pro__preview-img{height:80px;overflow:hidden;width:100%}.ml-image-upload-pro__preview-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ml-image-upload-pro__preview-actions{align-content:stretch;align-items:center;background:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;height:40px;justify-content:space-around}.ml-image-upload-pro__cropper-container{height:400px;width:100%}.ml-image-upload-pro__cropper-config{margin:20px 0}.ml-image-upload-pro :deep(.vue-cropper){height:100%;width:100%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-button__tip{height:auto}.ml-button__tip:focus,.ml-button__tip:hover{animation:jump .3s}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-chart{position:relative}.ml-chart,.ml-chart__container{height:100%;width:100%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-detail .el-descriptions__body .el-descriptions__label:not(.is-bordered-label){margin-right:10px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-image-upload-pro__upload-container{margin-bottom:20px}.ml-image-upload-pro__upload-text{color:#909399;font-size:12px;line-height:1.5;margin-top:8px}.ml-image-upload-pro__preview-list{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;gap:10px;justify-content:flex-start}.ml-image-upload-pro__preview-item{border:1px solid #e6e6e6;border-radius:4px;cursor:move;height:120px;overflow:hidden;position:relative;width:120px}.ml-image-upload-pro__preview-item.active{border-color:var(--el-color-primary)}.ml-image-upload-pro__preview-img{height:80px;overflow:hidden;width:100%}.ml-image-upload-pro__preview-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ml-image-upload-pro__preview-actions{align-content:stretch;align-items:center;background:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;height:40px;justify-content:space-around}.ml-image-upload-pro__cropper-container{height:400px;width:100%}.ml-image-upload-pro__cropper-config{margin:20px 0}.ml-image-upload-pro :deep(.vue-cropper){height:100%;width:100%}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-number-range-input{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.ml-number-range-input__separator{color:#666}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-search{width:100%}.ml-search__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:space-between}.ml-search__content .el-form-item{margin-bottom:6px}.ml-search__content__left{flex:1}.ml-search__content__right{margin-left:12px}.ml-search__collapse{margin-bottom:10px}.ml-search-table{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;height:100%;justify-content:flex-start}.ml-search-table :deep(.el-table){border-radius:8px 8px 0 0}.ml-search-table :deep(.el-table) th{background-color:#f3f3f3}.ml-search-table__content{flex:1;margin-top:10px;width:100%}.ml-search-table__pagination{width:100%}.ml-search-table__pagination,.ml-search-table__pagination .el-pagination{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-end}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-search{width:100%}.ml-search__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:space-between}.ml-search__content .el-form-item{margin-bottom:6px}.ml-search__content__left{flex:1}.ml-search__content__right{margin-left:12px}.ml-search__collapse{margin-bottom:10px}
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-tree-select{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;height:100%;justify-content:flex-start}.ml-tree-select__search{margin-bottom:16px}.ml-tree-select__tree{flex:1;min-height:200px;overflow:auto}.ml-tree-select__footer{align-content:stretch;align-items:center;border-top:1px solid var(--el-border-color-light);display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-end;margin-top:16px;padding-top:16px}.ml-tree-select-dialog .el-dialog__header{margin-bottom:0}.ml-tree-select-dialog .el-dialog__body{padding-top:10px}.ml-tree-select-drawer .el-drawer__header{margin-bottom:0}.ml-tree-select-drawer .el-drawer__body{display:flex;flex-direction:column;padding:16px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ml-virtual-list__container{border:1px solid #e4e7ed;border-radius:4px;overflow:auto;position:relative}.ml-virtual-list__container .loading-spinner{animation:spin .6s linear infinite;border:2px solid #e4e7ed;border-radius:50%;border-top-color:#409eff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.ml-virtual-list__finished-tip,.ml-virtual-list__loading-tip{align-items:center;background-color:#fff;color:#909399;display:flex;font-size:14px;justify-content:center;padding:20px}.ml-virtual-list__phantom{position:relative;width:100%}.ml-virtual-list__content{left:0;position:absolute;right:0;top:0}.ml-virtual-list__item{box-sizing:border-box}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@use './mixins/mixin.scss' as *;
|
|
2
|
-
|
|
3
|
-
@include bem('button') {
|
|
4
|
-
&__tip {
|
|
5
|
-
height: auto;
|
|
6
|
-
&:hover,
|
|
7
|
-
&:focus {
|
|
8
|
-
animation: jump 0.3s;
|
|
9
|
-
}
|
|
10
|
-
@keyframes jump {
|
|
11
|
-
0% {
|
|
12
|
-
transform: translateY(0);
|
|
13
|
-
}
|
|
14
|
-
50% {
|
|
15
|
-
transform: translateY(-3px);
|
|
16
|
-
}
|
|
17
|
-
100% {
|
|
18
|
-
transform: translateY(0);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$library-prefix: 'ml-' !default;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
@use './mixins/mixin.scss' as *;
|
|
2
|
-
@use './default/variable.scss' as *;
|
|
3
|
-
|
|
4
|
-
@include bem('image-upload-pro') {
|
|
5
|
-
// 上传区域
|
|
6
|
-
&__upload-container {
|
|
7
|
-
margin-bottom: 20px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
&__upload-text {
|
|
11
|
-
margin-top: 8px;
|
|
12
|
-
color: #909399;
|
|
13
|
-
font-size: 12px;
|
|
14
|
-
line-height: 1.5;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// 预览列表
|
|
18
|
-
&__preview-list {
|
|
19
|
-
@include flex($wrap: wrap);
|
|
20
|
-
gap: 10px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&__preview-item {
|
|
24
|
-
width: 120px;
|
|
25
|
-
height: 120px;
|
|
26
|
-
border: 1px solid #e6e6e6;
|
|
27
|
-
border-radius: 4px;
|
|
28
|
-
position: relative;
|
|
29
|
-
overflow: hidden;
|
|
30
|
-
cursor: move;
|
|
31
|
-
|
|
32
|
-
&.active {
|
|
33
|
-
border-color: var(--el-color-primary);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&__preview-img {
|
|
38
|
-
width: 100%;
|
|
39
|
-
height: 80px;
|
|
40
|
-
overflow: hidden;
|
|
41
|
-
|
|
42
|
-
img {
|
|
43
|
-
width: 100%;
|
|
44
|
-
height: 100%;
|
|
45
|
-
object-fit: cover;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&__preview-actions {
|
|
50
|
-
@include flex($justify: space-around, $align-items: center);
|
|
51
|
-
height: 40px;
|
|
52
|
-
background: #f5f5f5;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// 裁剪容器
|
|
56
|
-
&__cropper-container {
|
|
57
|
-
width: 100%;
|
|
58
|
-
height: 400px;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&__cropper-config {
|
|
62
|
-
margin: 20px 0;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// 深度选择器
|
|
66
|
-
:deep(.vue-cropper) {
|
|
67
|
-
width: 100%;
|
|
68
|
-
height: 100%;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@forward './mixins/mixin.scss';
|
|
2
|
-
// 混合方法和全局样式
|
|
3
|
-
@use './mixins/mixin.scss' as *;
|
|
4
|
-
@use './default/variable.scss' as *;
|
|
5
|
-
// 组件样式
|
|
6
|
-
@use './search.scss';
|
|
7
|
-
@use './search-table.scss';
|
|
8
|
-
@use './chart.scss';
|
|
9
|
-
@use './detail.scss';
|
|
10
|
-
@use './button.scss';
|
|
11
|
-
@use './virtual-list.scss';
|
|
12
|
-
@use './number-range-input.scss';
|
|
13
|
-
@use './tree-select.scss';
|
|
14
|
-
@use './image-upload-pro.scss';
|
|
@@ -1,273 +0,0 @@
|
|
|
1
|
-
@use '../default/variable.scss' as *;
|
|
2
|
-
|
|
3
|
-
@mixin bem($block) {
|
|
4
|
-
$block-selector: '.#{$library-prefix}#{$block}';
|
|
5
|
-
|
|
6
|
-
#{$block-selector} {
|
|
7
|
-
@content;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@mixin flex(
|
|
12
|
-
$display: flex,
|
|
13
|
-
// 显示类型:flex 或 inline-flex
|
|
14
|
-
$justify: flex-start,
|
|
15
|
-
// 主轴对齐:flex-start | center | flex-end | space-between | space-around | space-evenly
|
|
16
|
-
$align-items: stretch,
|
|
17
|
-
// 交叉轴对齐:stretch | flex-start | center | flex-end | baseline
|
|
18
|
-
$direction: row,
|
|
19
|
-
// 主轴方向:row | column | row-reverse | column-reverse
|
|
20
|
-
$wrap: nowrap,
|
|
21
|
-
// 换行方式:nowrap | wrap | wrap-reverse
|
|
22
|
-
$align-content: stretch,
|
|
23
|
-
// 多行对齐:stretch | flex-start | center | flex-end | space-between | space-around
|
|
24
|
-
$gap: 0 // 项目间距
|
|
25
|
-
) {
|
|
26
|
-
display: $display;
|
|
27
|
-
justify-content: $justify;
|
|
28
|
-
align-items: $align-items;
|
|
29
|
-
flex-direction: $direction;
|
|
30
|
-
flex-wrap: $wrap;
|
|
31
|
-
align-content: $align-content;
|
|
32
|
-
gap: $gap;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
// 水平方向:左对齐 + 顶部对齐
|
|
36
|
-
@mixin flex-start-start($wrap: nowrap, $gap: 0) {
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: row;
|
|
39
|
-
justify-content: flex-start;
|
|
40
|
-
align-items: flex-start;
|
|
41
|
-
flex-wrap: $wrap;
|
|
42
|
-
gap: $gap;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
// 水平方向:左对齐 + 垂直居中
|
|
46
|
-
@mixin flex-start-center($wrap: nowrap, $gap: 0) {
|
|
47
|
-
display: flex;
|
|
48
|
-
flex-direction: row;
|
|
49
|
-
justify-content: flex-start;
|
|
50
|
-
align-items: center;
|
|
51
|
-
flex-wrap: $wrap;
|
|
52
|
-
gap: $gap;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// 水平方向:左对齐 + 底部对齐
|
|
56
|
-
@mixin flex-start-end($wrap: nowrap, $gap: 0) {
|
|
57
|
-
display: flex;
|
|
58
|
-
flex-direction: row;
|
|
59
|
-
justify-content: flex-start;
|
|
60
|
-
align-items: flex-end;
|
|
61
|
-
flex-wrap: $wrap;
|
|
62
|
-
gap: $gap;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// 水平方向:居中对齐 + 顶部对齐
|
|
66
|
-
@mixin flex-center-start($wrap: nowrap, $gap: 0) {
|
|
67
|
-
display: flex;
|
|
68
|
-
flex-direction: row;
|
|
69
|
-
justify-content: center;
|
|
70
|
-
align-items: flex-start;
|
|
71
|
-
flex-wrap: $wrap;
|
|
72
|
-
gap: $gap;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
// 水平方向:居中对齐 + 垂直居中(最常用)
|
|
76
|
-
@mixin flex-center-center($wrap: nowrap, $gap: 0) {
|
|
77
|
-
display: flex;
|
|
78
|
-
flex-direction: row;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
align-items: center;
|
|
81
|
-
flex-wrap: $wrap;
|
|
82
|
-
gap: $gap;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
// 水平方向:居中对齐 + 底部对齐
|
|
86
|
-
@mixin flex-center-end($wrap: nowrap, $gap: 0) {
|
|
87
|
-
display: flex;
|
|
88
|
-
flex-direction: row;
|
|
89
|
-
justify-content: center;
|
|
90
|
-
align-items: flex-end;
|
|
91
|
-
flex-wrap: $wrap;
|
|
92
|
-
gap: $gap;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
// 水平方向:右对齐 + 顶部对齐
|
|
96
|
-
@mixin flex-end-start($wrap: nowrap, $gap: 0) {
|
|
97
|
-
display: flex;
|
|
98
|
-
flex-direction: row;
|
|
99
|
-
justify-content: flex-end;
|
|
100
|
-
align-items: flex-start;
|
|
101
|
-
flex-wrap: $wrap;
|
|
102
|
-
gap: $gap;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
// 水平方向:右对齐 + 垂直居中
|
|
106
|
-
@mixin flex-end-center($wrap: nowrap, $gap: 0) {
|
|
107
|
-
display: flex;
|
|
108
|
-
flex-direction: row;
|
|
109
|
-
justify-content: flex-end;
|
|
110
|
-
align-items: center;
|
|
111
|
-
flex-wrap: $wrap;
|
|
112
|
-
gap: $gap;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
// 水平方向:右对齐 + 底部对齐
|
|
116
|
-
@mixin flex-end-end($wrap: nowrap, $gap: 0) {
|
|
117
|
-
display: flex;
|
|
118
|
-
flex-direction: row;
|
|
119
|
-
justify-content: flex-end;
|
|
120
|
-
align-items: flex-end;
|
|
121
|
-
flex-wrap: $wrap;
|
|
122
|
-
gap: $gap;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
// 水平方向:两端对齐 + 顶部对齐
|
|
126
|
-
@mixin flex-between-start($wrap: nowrap, $gap: 0) {
|
|
127
|
-
display: flex;
|
|
128
|
-
flex-direction: row;
|
|
129
|
-
justify-content: space-between;
|
|
130
|
-
align-items: flex-start;
|
|
131
|
-
flex-wrap: $wrap;
|
|
132
|
-
gap: $gap;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
// 水平方向:两端对齐 + 垂直居中(常用于导航栏)
|
|
136
|
-
@mixin flex-between-center($wrap: nowrap, $gap: 0) {
|
|
137
|
-
display: flex;
|
|
138
|
-
flex-direction: row;
|
|
139
|
-
justify-content: space-between;
|
|
140
|
-
align-items: center;
|
|
141
|
-
flex-wrap: $wrap;
|
|
142
|
-
gap: $gap;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
// 水平方向:两端对齐 + 底部对齐
|
|
146
|
-
@mixin flex-between-end($wrap: nowrap, $gap: 0) {
|
|
147
|
-
display: flex;
|
|
148
|
-
flex-direction: row;
|
|
149
|
-
justify-content: space-between;
|
|
150
|
-
align-items: flex-end;
|
|
151
|
-
flex-wrap: $wrap;
|
|
152
|
-
gap: $gap;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
// 垂直方向:顶部对齐 + 左对齐
|
|
156
|
-
@mixin flex-col-start-start($wrap: nowrap, $gap: 0) {
|
|
157
|
-
display: flex;
|
|
158
|
-
flex-direction: column;
|
|
159
|
-
justify-content: flex-start;
|
|
160
|
-
align-items: flex-start;
|
|
161
|
-
flex-wrap: $wrap;
|
|
162
|
-
gap: $gap;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
// 垂直方向:顶部对齐 + 水平居中
|
|
166
|
-
@mixin flex-col-start-center($wrap: nowrap, $gap: 0) {
|
|
167
|
-
display: flex;
|
|
168
|
-
flex-direction: column;
|
|
169
|
-
justify-content: flex-start;
|
|
170
|
-
align-items: center;
|
|
171
|
-
flex-wrap: $wrap;
|
|
172
|
-
gap: $gap;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
// 垂直方向:顶部对齐 + 右对齐
|
|
176
|
-
@mixin flex-col-start-end($wrap: nowrap, $gap: 0) {
|
|
177
|
-
display: flex;
|
|
178
|
-
flex-direction: column;
|
|
179
|
-
justify-content: flex-start;
|
|
180
|
-
align-items: flex-end;
|
|
181
|
-
flex-wrap: $wrap;
|
|
182
|
-
gap: $gap;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
// 垂直方向:垂直居中 + 左对齐
|
|
186
|
-
@mixin flex-col-center-start($wrap: nowrap, $gap: 0) {
|
|
187
|
-
display: flex;
|
|
188
|
-
flex-direction: column;
|
|
189
|
-
justify-content: center;
|
|
190
|
-
align-items: flex-start;
|
|
191
|
-
flex-wrap: $wrap;
|
|
192
|
-
gap: $gap;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
// 垂直方向:垂直居中 + 水平居中(常用于模态框)
|
|
196
|
-
@mixin flex-col-center-center($wrap: nowrap, $gap: 0) {
|
|
197
|
-
display: flex;
|
|
198
|
-
flex-direction: column;
|
|
199
|
-
justify-content: center;
|
|
200
|
-
align-items: center;
|
|
201
|
-
flex-wrap: $wrap;
|
|
202
|
-
gap: $gap;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
// 垂直方向:垂直居中 + 右对齐
|
|
206
|
-
@mixin flex-col-center-end($wrap: nowrap, $gap: 0) {
|
|
207
|
-
display: flex;
|
|
208
|
-
flex-direction: column;
|
|
209
|
-
justify-content: center;
|
|
210
|
-
align-items: flex-end;
|
|
211
|
-
flex-wrap: $wrap;
|
|
212
|
-
gap: $gap;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
// 垂直方向:底部对齐 + 左对齐
|
|
216
|
-
@mixin flex-col-end-start($wrap: nowrap, $gap: 0) {
|
|
217
|
-
display: flex;
|
|
218
|
-
flex-direction: column;
|
|
219
|
-
justify-content: flex-end;
|
|
220
|
-
align-items: flex-start;
|
|
221
|
-
flex-wrap: $wrap;
|
|
222
|
-
gap: $gap;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
// 垂直方向:底部对齐 + 水平居中
|
|
226
|
-
@mixin flex-col-end-center($wrap: nowrap, $gap: 0) {
|
|
227
|
-
display: flex;
|
|
228
|
-
flex-direction: column;
|
|
229
|
-
justify-content: flex-end;
|
|
230
|
-
align-items: center;
|
|
231
|
-
flex-wrap: $wrap;
|
|
232
|
-
gap: $gap;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
// 垂直方向:底部对齐 + 右对齐
|
|
236
|
-
@mixin flex-col-end-end($wrap: nowrap, $gap: 0) {
|
|
237
|
-
display: flex;
|
|
238
|
-
flex-direction: column;
|
|
239
|
-
justify-content: flex-end;
|
|
240
|
-
align-items: flex-end;
|
|
241
|
-
flex-wrap: $wrap;
|
|
242
|
-
gap: $gap;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
// 垂直方向:均匀分布 + 左对齐
|
|
246
|
-
@mixin flex-col-between-start($wrap: nowrap, $gap: 0) {
|
|
247
|
-
display: flex;
|
|
248
|
-
flex-direction: column;
|
|
249
|
-
justify-content: space-between;
|
|
250
|
-
align-items: flex-start;
|
|
251
|
-
flex-wrap: $wrap;
|
|
252
|
-
gap: $gap;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
// 垂直方向:均匀分布 + 水平居中(常用于卡片)
|
|
256
|
-
@mixin flex-col-between-center($wrap: nowrap, $gap: 0) {
|
|
257
|
-
display: flex;
|
|
258
|
-
flex-direction: column;
|
|
259
|
-
justify-content: space-between;
|
|
260
|
-
align-items: center;
|
|
261
|
-
flex-wrap: $wrap;
|
|
262
|
-
gap: $gap;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
// 垂直方向:均匀分布 + 右对齐
|
|
266
|
-
@mixin flex-col-between-end($wrap: nowrap, $gap: 0) {
|
|
267
|
-
display: flex;
|
|
268
|
-
flex-direction: column;
|
|
269
|
-
justify-content: space-between;
|
|
270
|
-
align-items: flex-end;
|
|
271
|
-
flex-wrap: $wrap;
|
|
272
|
-
gap: $gap;
|
|
273
|
-
}
|