@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.
Files changed (212) hide show
  1. package/package.json +2 -2
  2. package/minilo/dist/index.css +0 -1
  3. package/minilo/dist/index.full.js +0 -8393
  4. package/minilo/dist/index.full.min.js +0 -2
  5. package/minilo/dist/index.full.min.js.map +0 -1
  6. package/minilo/dist/index.full.min.mjs +0 -2
  7. package/minilo/dist/index.full.min.mjs.map +0 -1
  8. package/minilo/dist/index.full.mjs +0 -8373
  9. package/minilo/es/components/button/index.d.ts +0 -47
  10. package/minilo/es/components/button/index.mjs +0 -6
  11. package/minilo/es/components/button/index.vue.d.ts +0 -29
  12. package/minilo/es/components/button/index.vue.mjs +0 -5
  13. package/minilo/es/components/button/index.vue2.mjs +0 -67
  14. package/minilo/es/components/button/type.d.ts +0 -10
  15. package/minilo/es/components/chart/index.d.ts +0 -49
  16. package/minilo/es/components/chart/index.mjs +0 -6
  17. package/minilo/es/components/chart/index.vue.d.ts +0 -33
  18. package/minilo/es/components/chart/index.vue.mjs +0 -5
  19. package/minilo/es/components/chart/index.vue2.mjs +0 -124
  20. package/minilo/es/components/chart/type.d.ts +0 -7
  21. package/minilo/es/components/detail/index.d.ts +0 -37
  22. package/minilo/es/components/detail/index.mjs +0 -6
  23. package/minilo/es/components/detail/index.vue.d.ts +0 -23
  24. package/minilo/es/components/detail/index.vue.mjs +0 -5
  25. package/minilo/es/components/detail/index.vue2.mjs +0 -194
  26. package/minilo/es/components/detail/renderLabel.vue.d.ts +0 -8
  27. package/minilo/es/components/detail/renderLabel.vue.mjs +0 -5
  28. package/minilo/es/components/detail/renderLabel.vue2.mjs +0 -23
  29. package/minilo/es/components/detail/renderTooltip.vue.d.ts +0 -8
  30. package/minilo/es/components/detail/renderTooltip.vue.mjs +0 -5
  31. package/minilo/es/components/detail/renderTooltip.vue2.mjs +0 -23
  32. package/minilo/es/components/detail/type.d.ts +0 -27
  33. package/minilo/es/components/image-upload-pro/index.d.ts +0 -544
  34. package/minilo/es/components/image-upload-pro/index.mjs +0 -7
  35. package/minilo/es/components/image-upload-pro/index.vue.d.ts +0 -546
  36. package/minilo/es/components/image-upload-pro/index.vue.mjs +0 -5
  37. package/minilo/es/components/image-upload-pro/index.vue2.mjs +0 -657
  38. package/minilo/es/components/image-upload-pro/type.d.ts +0 -147
  39. package/minilo/es/components/image-upload-pro/type.mjs +0 -81
  40. package/minilo/es/components/index.d.ts +0 -11
  41. package/minilo/es/components/index.mjs +0 -14
  42. package/minilo/es/components/number-range-input/index.d.ts +0 -41
  43. package/minilo/es/components/number-range-input/index.mjs +0 -6
  44. package/minilo/es/components/number-range-input/index.vue.d.ts +0 -33
  45. package/minilo/es/components/number-range-input/index.vue.mjs +0 -5
  46. package/minilo/es/components/number-range-input/index.vue2.mjs +0 -150
  47. package/minilo/es/components/number-range-input/props.d.ts +0 -10
  48. package/minilo/es/components/search/index.d.ts +0 -488
  49. package/minilo/es/components/search/index.mjs +0 -6
  50. package/minilo/es/components/search/index.vue.d.ts +0 -554
  51. package/minilo/es/components/search/index.vue.mjs +0 -5
  52. package/minilo/es/components/search/index.vue2.mjs +0 -297
  53. package/minilo/es/components/search/props.d.ts +0 -107
  54. package/minilo/es/components/search/props.mjs +0 -55
  55. package/minilo/es/components/search-table/index.mjs +0 -6
  56. package/minilo/es/components/search-table/index.vue.d.ts +0 -189
  57. package/minilo/es/components/search-table/index.vue.mjs +0 -5
  58. package/minilo/es/components/search-table/index.vue2.mjs +0 -198
  59. package/minilo/es/components/search-table/props.d.ts +0 -69
  60. package/minilo/es/components/search-table/props.mjs +0 -69
  61. package/minilo/es/components/search-table/render.d.ts +0 -11
  62. package/minilo/es/components/search-table/render.mjs +0 -19
  63. package/minilo/es/components/tree-select/index.d.ts +0 -34
  64. package/minilo/es/components/tree-select/index.mjs +0 -6
  65. package/minilo/es/components/tree-select/index.vue.d.ts +0 -23
  66. package/minilo/es/components/tree-select/index.vue.mjs +0 -5
  67. package/minilo/es/components/tree-select/index.vue2.mjs +0 -229
  68. package/minilo/es/components/tree-select/type.d.ts +0 -34
  69. package/minilo/es/components/tree-select-dialog/index.d.ts +0 -64
  70. package/minilo/es/components/tree-select-dialog/index.mjs +0 -7
  71. package/minilo/es/components/tree-select-dialog/index.vue.d.ts +0 -26
  72. package/minilo/es/components/tree-select-dialog/index.vue.mjs +0 -5
  73. package/minilo/es/components/tree-select-dialog/index.vue2.mjs +0 -145
  74. package/minilo/es/components/tree-select-dialog/type.d.ts +0 -9
  75. package/minilo/es/components/tree-select-dialog/type.mjs +0 -24
  76. package/minilo/es/components/tree-select-drawer/index.d.ts +0 -69
  77. package/minilo/es/components/tree-select-drawer/index.mjs +0 -7
  78. package/minilo/es/components/tree-select-drawer/index.vue.d.ts +0 -26
  79. package/minilo/es/components/tree-select-drawer/index.vue.mjs +0 -5
  80. package/minilo/es/components/tree-select-drawer/index.vue2.mjs +0 -151
  81. package/minilo/es/components/tree-select-drawer/type.d.ts +0 -10
  82. package/minilo/es/components/tree-select-drawer/type.mjs +0 -20
  83. package/minilo/es/components/virtual-list/index.d.ts +0 -59
  84. package/minilo/es/components/virtual-list/index.mjs +0 -6
  85. package/minilo/es/components/virtual-list/index.vue.d.ts +0 -39
  86. package/minilo/es/components/virtual-list/index.vue.mjs +0 -5
  87. package/minilo/es/components/virtual-list/index.vue2.mjs +0 -423
  88. package/minilo/es/components/virtual-list/type.d.ts +0 -20
  89. 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
  90. 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
  91. 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
  92. package/minilo/es/packages/utils/dist/func/common.mjs +0 -14
  93. package/minilo/es/packages/utils/dist/request/index.mjs +0 -105
  94. package/minilo/es/resolver/index.d.ts +0 -8
  95. package/minilo/es/resolver/index.mjs +0 -26
  96. package/minilo/es/utils/index.d.ts +0 -28
  97. package/minilo/es/utils/index.mjs +0 -30
  98. package/minilo/lib/components/button/index.d.ts +0 -47
  99. package/minilo/lib/components/button/index.js +0 -11
  100. package/minilo/lib/components/button/index.vue.d.ts +0 -29
  101. package/minilo/lib/components/button/index.vue.js +0 -9
  102. package/minilo/lib/components/button/index.vue2.js +0 -71
  103. package/minilo/lib/components/button/type.d.ts +0 -10
  104. package/minilo/lib/components/chart/index.d.ts +0 -49
  105. package/minilo/lib/components/chart/index.js +0 -11
  106. package/minilo/lib/components/chart/index.vue.d.ts +0 -33
  107. package/minilo/lib/components/chart/index.vue.js +0 -9
  108. package/minilo/lib/components/chart/index.vue2.js +0 -128
  109. package/minilo/lib/components/chart/type.d.ts +0 -7
  110. package/minilo/lib/components/detail/index.d.ts +0 -37
  111. package/minilo/lib/components/detail/index.js +0 -11
  112. package/minilo/lib/components/detail/index.vue.d.ts +0 -23
  113. package/minilo/lib/components/detail/index.vue.js +0 -9
  114. package/minilo/lib/components/detail/index.vue2.js +0 -198
  115. package/minilo/lib/components/detail/renderLabel.vue.d.ts +0 -8
  116. package/minilo/lib/components/detail/renderLabel.vue.js +0 -9
  117. package/minilo/lib/components/detail/renderLabel.vue2.js +0 -27
  118. package/minilo/lib/components/detail/renderTooltip.vue.d.ts +0 -8
  119. package/minilo/lib/components/detail/renderTooltip.vue.js +0 -9
  120. package/minilo/lib/components/detail/renderTooltip.vue2.js +0 -27
  121. package/minilo/lib/components/detail/type.d.ts +0 -27
  122. package/minilo/lib/components/image-upload-pro/index.d.ts +0 -544
  123. package/minilo/lib/components/image-upload-pro/index.js +0 -13
  124. package/minilo/lib/components/image-upload-pro/index.vue.d.ts +0 -546
  125. package/minilo/lib/components/image-upload-pro/index.vue.js +0 -9
  126. package/minilo/lib/components/image-upload-pro/index.vue2.js +0 -661
  127. package/minilo/lib/components/image-upload-pro/type.d.ts +0 -147
  128. package/minilo/lib/components/image-upload-pro/type.js +0 -83
  129. package/minilo/lib/components/index.d.ts +0 -11
  130. package/minilo/lib/components/index.js +0 -33
  131. package/minilo/lib/components/number-range-input/index.d.ts +0 -41
  132. package/minilo/lib/components/number-range-input/index.js +0 -11
  133. package/minilo/lib/components/number-range-input/index.vue.d.ts +0 -33
  134. package/minilo/lib/components/number-range-input/index.vue.js +0 -9
  135. package/minilo/lib/components/number-range-input/index.vue2.js +0 -154
  136. package/minilo/lib/components/number-range-input/props.d.ts +0 -10
  137. package/minilo/lib/components/search/index.d.ts +0 -488
  138. package/minilo/lib/components/search/index.js +0 -11
  139. package/minilo/lib/components/search/index.vue.d.ts +0 -554
  140. package/minilo/lib/components/search/index.vue.js +0 -9
  141. package/minilo/lib/components/search/index.vue2.js +0 -301
  142. package/minilo/lib/components/search/props.d.ts +0 -107
  143. package/minilo/lib/components/search/props.js +0 -58
  144. package/minilo/lib/components/search-table/index.js +0 -11
  145. package/minilo/lib/components/search-table/index.vue.d.ts +0 -189
  146. package/minilo/lib/components/search-table/index.vue.js +0 -9
  147. package/minilo/lib/components/search-table/index.vue2.js +0 -202
  148. package/minilo/lib/components/search-table/props.d.ts +0 -69
  149. package/minilo/lib/components/search-table/props.js +0 -72
  150. package/minilo/lib/components/search-table/render.d.ts +0 -11
  151. package/minilo/lib/components/search-table/render.js +0 -23
  152. package/minilo/lib/components/tree-select/index.d.ts +0 -34
  153. package/minilo/lib/components/tree-select/index.js +0 -11
  154. package/minilo/lib/components/tree-select/index.vue.d.ts +0 -23
  155. package/minilo/lib/components/tree-select/index.vue.js +0 -9
  156. package/minilo/lib/components/tree-select/index.vue2.js +0 -233
  157. package/minilo/lib/components/tree-select/type.d.ts +0 -34
  158. package/minilo/lib/components/tree-select-dialog/index.d.ts +0 -64
  159. package/minilo/lib/components/tree-select-dialog/index.js +0 -13
  160. package/minilo/lib/components/tree-select-dialog/index.vue.d.ts +0 -26
  161. package/minilo/lib/components/tree-select-dialog/index.vue.js +0 -9
  162. package/minilo/lib/components/tree-select-dialog/index.vue2.js +0 -149
  163. package/minilo/lib/components/tree-select-dialog/type.d.ts +0 -9
  164. package/minilo/lib/components/tree-select-dialog/type.js +0 -26
  165. package/minilo/lib/components/tree-select-drawer/index.d.ts +0 -69
  166. package/minilo/lib/components/tree-select-drawer/index.js +0 -13
  167. package/minilo/lib/components/tree-select-drawer/index.vue.d.ts +0 -26
  168. package/minilo/lib/components/tree-select-drawer/index.vue.js +0 -9
  169. package/minilo/lib/components/tree-select-drawer/index.vue2.js +0 -155
  170. package/minilo/lib/components/tree-select-drawer/type.d.ts +0 -10
  171. package/minilo/lib/components/tree-select-drawer/type.js +0 -22
  172. package/minilo/lib/components/virtual-list/index.d.ts +0 -59
  173. package/minilo/lib/components/virtual-list/index.js +0 -11
  174. package/minilo/lib/components/virtual-list/index.vue.d.ts +0 -39
  175. package/minilo/lib/components/virtual-list/index.vue.js +0 -9
  176. package/minilo/lib/components/virtual-list/index.vue2.js +0 -427
  177. package/minilo/lib/components/virtual-list/type.d.ts +0 -20
  178. 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
  179. 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
  180. 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
  181. package/minilo/lib/packages/utils/dist/func/common.js +0 -16
  182. package/minilo/lib/packages/utils/dist/request/index.js +0 -115
  183. package/minilo/lib/resolver/index.d.ts +0 -8
  184. package/minilo/lib/resolver/index.js +0 -28
  185. package/minilo/lib/utils/index.d.ts +0 -28
  186. package/minilo/lib/utils/index.js +0 -34
  187. package/minilo/theme-chalk/index.css +0 -1
  188. package/minilo/theme-chalk/ml-button.css +0 -1
  189. package/minilo/theme-chalk/ml-chart.css +0 -1
  190. package/minilo/theme-chalk/ml-detail.css +0 -1
  191. package/minilo/theme-chalk/ml-image-upload-pro.css +0 -1
  192. package/minilo/theme-chalk/ml-number-range-input.css +0 -1
  193. package/minilo/theme-chalk/ml-search-table.css +0 -1
  194. package/minilo/theme-chalk/ml-search.css +0 -1
  195. package/minilo/theme-chalk/ml-tree-select-dialog.css +0 -0
  196. package/minilo/theme-chalk/ml-tree-select-drawer.css +0 -0
  197. package/minilo/theme-chalk/ml-tree-select.css +0 -1
  198. package/minilo/theme-chalk/ml-virtual-list.css +0 -1
  199. package/minilo/theme-chalk/src/button.scss +0 -22
  200. package/minilo/theme-chalk/src/chart.scss +0 -11
  201. package/minilo/theme-chalk/src/default/variable.scss +0 -1
  202. package/minilo/theme-chalk/src/detail.scss +0 -9
  203. package/minilo/theme-chalk/src/image-upload-pro.scss +0 -70
  204. package/minilo/theme-chalk/src/index.scss +0 -14
  205. package/minilo/theme-chalk/src/mixins/mixin.scss +0 -273
  206. package/minilo/theme-chalk/src/number-range-input.scss +0 -9
  207. package/minilo/theme-chalk/src/search-table.scss +0 -47
  208. package/minilo/theme-chalk/src/search.scss +0 -20
  209. package/minilo/theme-chalk/src/tree-select-dialog.scss +0 -0
  210. package/minilo/theme-chalk/src/tree-select-drawer.scss +0 -0
  211. package/minilo/theme-chalk/src/tree-select.scss +0 -47
  212. 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,8 +0,0 @@
1
- export declare const MiniloUiResolver: () => {
2
- type: "component";
3
- resolve: (name: string) => {
4
- name: string;
5
- from: string;
6
- sideEffects: string[];
7
- };
8
- };
@@ -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,11 +0,0 @@
1
- @use './mixins/mixin.scss' as *;
2
-
3
- @include bem('chart') {
4
- width: 100%;
5
- height: 100%;
6
- position: relative;
7
- &__container {
8
- width: 100%;
9
- height: 100%;
10
- }
11
- }
@@ -1 +0,0 @@
1
- $library-prefix: 'ml-' !default;
@@ -1,9 +0,0 @@
1
- @use './mixins/mixin.scss' as *;
2
-
3
- @include bem('detail') {
4
- .el-descriptions__body {
5
- .el-descriptions__label:not(.is-bordered-label) {
6
- margin-right: 10px;
7
- }
8
- }
9
- }
@@ -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
- }
@@ -1,9 +0,0 @@
1
- @use './mixins/mixin.scss' as *;
2
-
3
- @include bem('number-range-input') {
4
- @include flex-start-center($gap: 8px);
5
-
6
- &__separator {
7
- color: #666;
8
- }
9
- }