iv-npm 1.0.0 → 1.0.3
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 +30 -10
- package/packages/shared/dist/types/index.d.ts +6 -0
- package/packages/shared/dist/types/index.js +33 -0
- package/packages/shared/dist/types/index.mjs +9 -0
- package/packages/shared/dist/utils/index.d.ts +16 -0
- package/packages/shared/dist/utils/index.js +79 -0
- package/packages/shared/dist/utils/index.mjs +51 -0
- package/packages/shared/package.json +27 -5
- package/packages/ui/dist/index.cjs.css +83 -0
- package/packages/ui/dist/index.cjs.js +83 -0
- package/packages/ui/dist/index.esm.css +83 -0
- package/packages/ui/dist/index.esm.js +79 -0
- package/packages/ui/index.js +8 -0
- package/packages/ui/package.json +64 -0
- package/pnpm-lock.yaml +5451 -317
- package/packages/shared/arr/tree.ts +0 -79
- package/packages/shared/index.ts +0 -8
- package/packages/shared/tsconfig.json +0 -6
package/package.json
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
{
|
|
2
|
-
"packageManager": "pnpm@7.9.0",
|
|
3
2
|
"name": "iv-npm",
|
|
4
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
5
4
|
"description": "公共通用包",
|
|
5
|
+
"author": "Mr.Cong",
|
|
6
|
+
"license": "ISC",
|
|
7
|
+
"private": false,
|
|
8
|
+
"packageManager": "pnpm@7.9.0",
|
|
6
9
|
"main": "index.js",
|
|
7
10
|
"scripts": {
|
|
8
|
-
"build": "
|
|
11
|
+
"build": "turbo run build",
|
|
12
|
+
"build:pkg": "pnpm run prepare -r"
|
|
9
13
|
},
|
|
10
14
|
"repository": {
|
|
11
15
|
"type": "git",
|
|
@@ -14,14 +18,30 @@
|
|
|
14
18
|
"keywords": [
|
|
15
19
|
"iv"
|
|
16
20
|
],
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
"turbo": {
|
|
22
|
+
"npmClient": "pnpm",
|
|
23
|
+
"pipeline": {
|
|
24
|
+
"build": {
|
|
25
|
+
"dependsOn": [
|
|
26
|
+
"^build"
|
|
27
|
+
],
|
|
28
|
+
"outputs": [
|
|
29
|
+
"dist/**",
|
|
30
|
+
".umi/**",
|
|
31
|
+
".next/**"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"deploy": {
|
|
35
|
+
"dependsOn": [
|
|
36
|
+
"build"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"dev": {
|
|
40
|
+
"cache": false
|
|
41
|
+
}
|
|
42
|
+
}
|
|
22
43
|
},
|
|
23
44
|
"devDependencies": {
|
|
24
|
-
"
|
|
25
|
-
"typescript": "^4.7.4"
|
|
45
|
+
"turbo": "^1.4.2"
|
|
26
46
|
}
|
|
27
47
|
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// types/index.ts
|
|
20
|
+
var types_exports = {};
|
|
21
|
+
__export(types_exports, {
|
|
22
|
+
AppType: () => AppType
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(types_exports);
|
|
25
|
+
var AppType = /* @__PURE__ */ ((AppType2) => {
|
|
26
|
+
AppType2[AppType2["Web"] = 1] = "Web";
|
|
27
|
+
AppType2[AppType2["Mobile"] = 2] = "Mobile";
|
|
28
|
+
return AppType2;
|
|
29
|
+
})(AppType || {});
|
|
30
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
31
|
+
0 && (module.exports = {
|
|
32
|
+
AppType
|
|
33
|
+
});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare function arrToTree(list: any[], parentMark: string, childrenMark: string): any;
|
|
2
|
+
interface List {
|
|
3
|
+
parentId: string | null;
|
|
4
|
+
id: string;
|
|
5
|
+
children?: List[];
|
|
6
|
+
}
|
|
7
|
+
declare function tranListToTreeData<T extends List>(list: T[]): T[];
|
|
8
|
+
/**
|
|
9
|
+
* 树结构查询元素
|
|
10
|
+
*/
|
|
11
|
+
declare function findTree<T extends {
|
|
12
|
+
id: string;
|
|
13
|
+
children?: T[];
|
|
14
|
+
}>(id: string, list: T[], idName?: any): any;
|
|
15
|
+
|
|
16
|
+
export { arrToTree, findTree, tranListToTreeData };
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// utils/index.ts
|
|
20
|
+
var utils_exports = {};
|
|
21
|
+
__export(utils_exports, {
|
|
22
|
+
arrToTree: () => arrToTree,
|
|
23
|
+
findTree: () => findTree,
|
|
24
|
+
tranListToTreeData: () => tranListToTreeData
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(utils_exports);
|
|
27
|
+
|
|
28
|
+
// utils/arr/tree.ts
|
|
29
|
+
function arrToTree(list, parentMark, childrenMark) {
|
|
30
|
+
let result = [], temp;
|
|
31
|
+
for (let i = 0; i < list.length; i++) {
|
|
32
|
+
if (!list[i][parentMark]) {
|
|
33
|
+
temp = list.filter(
|
|
34
|
+
(item) => item[parentMark] === list[i][childrenMark]
|
|
35
|
+
);
|
|
36
|
+
if (temp.length > 0) {
|
|
37
|
+
list[i].children = temp;
|
|
38
|
+
}
|
|
39
|
+
result.push(list[i]);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return result;
|
|
43
|
+
}
|
|
44
|
+
function _loadChildren(obj, list) {
|
|
45
|
+
const arr = list.filter((x) => x.parentId == obj.id);
|
|
46
|
+
if (!arr.length)
|
|
47
|
+
return;
|
|
48
|
+
obj.children = arr;
|
|
49
|
+
obj.children.forEach((x) => {
|
|
50
|
+
_loadChildren(x, list);
|
|
51
|
+
});
|
|
52
|
+
return obj;
|
|
53
|
+
}
|
|
54
|
+
function tranListToTreeData(list) {
|
|
55
|
+
const results = list.filter((x) => x.parentId == null);
|
|
56
|
+
results.forEach((x) => _loadChildren(x, list));
|
|
57
|
+
return results;
|
|
58
|
+
}
|
|
59
|
+
function findTree(id, list, idName) {
|
|
60
|
+
let result;
|
|
61
|
+
if (!list.length)
|
|
62
|
+
return;
|
|
63
|
+
const fn = (id2, list2, idName2) => {
|
|
64
|
+
list2.find((_e) => {
|
|
65
|
+
if (_e[idName2] === id2) {
|
|
66
|
+
result = _e;
|
|
67
|
+
} else if (_e.children && _e.children.length !== 0)
|
|
68
|
+
return fn(id2, _e.children, idName2);
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
fn(id, list, idName);
|
|
72
|
+
return result;
|
|
73
|
+
}
|
|
74
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
+
0 && (module.exports = {
|
|
76
|
+
arrToTree,
|
|
77
|
+
findTree,
|
|
78
|
+
tranListToTreeData
|
|
79
|
+
});
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
// utils/arr/tree.ts
|
|
2
|
+
function arrToTree(list, parentMark, childrenMark) {
|
|
3
|
+
let result = [], temp;
|
|
4
|
+
for (let i = 0; i < list.length; i++) {
|
|
5
|
+
if (!list[i][parentMark]) {
|
|
6
|
+
temp = list.filter(
|
|
7
|
+
(item) => item[parentMark] === list[i][childrenMark]
|
|
8
|
+
);
|
|
9
|
+
if (temp.length > 0) {
|
|
10
|
+
list[i].children = temp;
|
|
11
|
+
}
|
|
12
|
+
result.push(list[i]);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return result;
|
|
16
|
+
}
|
|
17
|
+
function _loadChildren(obj, list) {
|
|
18
|
+
const arr = list.filter((x) => x.parentId == obj.id);
|
|
19
|
+
if (!arr.length)
|
|
20
|
+
return;
|
|
21
|
+
obj.children = arr;
|
|
22
|
+
obj.children.forEach((x) => {
|
|
23
|
+
_loadChildren(x, list);
|
|
24
|
+
});
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function tranListToTreeData(list) {
|
|
28
|
+
const results = list.filter((x) => x.parentId == null);
|
|
29
|
+
results.forEach((x) => _loadChildren(x, list));
|
|
30
|
+
return results;
|
|
31
|
+
}
|
|
32
|
+
function findTree(id, list, idName) {
|
|
33
|
+
let result;
|
|
34
|
+
if (!list.length)
|
|
35
|
+
return;
|
|
36
|
+
const fn = (id2, list2, idName2) => {
|
|
37
|
+
list2.find((_e) => {
|
|
38
|
+
if (_e[idName2] === id2) {
|
|
39
|
+
result = _e;
|
|
40
|
+
} else if (_e.children && _e.children.length !== 0)
|
|
41
|
+
return fn(id2, _e.children, idName2);
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
fn(id, list, idName);
|
|
45
|
+
return result;
|
|
46
|
+
}
|
|
47
|
+
export {
|
|
48
|
+
arrToTree,
|
|
49
|
+
findTree,
|
|
50
|
+
tranListToTreeData
|
|
51
|
+
};
|
|
@@ -1,11 +1,33 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "shared",
|
|
2
|
+
"name": "@IVNPM/shared",
|
|
3
3
|
"version": "1.0.0",
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "dist/index.js",
|
|
4
|
+
"description": "IVNPM/shared",
|
|
6
5
|
"scripts": {
|
|
7
|
-
"
|
|
6
|
+
"prepare": "npm run build",
|
|
7
|
+
"dev": "tsup --watch",
|
|
8
|
+
"build": "tsup"
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"index.js",
|
|
12
|
+
"dist"
|
|
13
|
+
],
|
|
14
|
+
"browser": {
|
|
15
|
+
"./types": "./dist/types/index.js",
|
|
16
|
+
"./utils": "./dist/utils/index.js"
|
|
17
|
+
},
|
|
18
|
+
"exports": {
|
|
19
|
+
"./types": {
|
|
20
|
+
"import": "./dist/types/index.mjs",
|
|
21
|
+
"require": "./dist/types/index.js"
|
|
22
|
+
},
|
|
23
|
+
"./utils": {
|
|
24
|
+
"import": "./dist/utils/index.mjs",
|
|
25
|
+
"require": "./dist/utils/index.js"
|
|
26
|
+
}
|
|
8
27
|
},
|
|
9
28
|
"author": "Mr.Cong",
|
|
10
|
-
"license": "ISC"
|
|
29
|
+
"license": "ISC",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"tsup": "^6.2.1"
|
|
32
|
+
}
|
|
11
33
|
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/* 模态框 */
|
|
3
|
+
body .detail-class[data-v-78262b33] {
|
|
4
|
+
top: -50px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* body .ant-modal{
|
|
8
|
+
width: 84vw!important;
|
|
9
|
+
height: 80vh!important;
|
|
10
|
+
} */
|
|
11
|
+
body .module-class .ant-modal-header[data-v-78262b33] {
|
|
12
|
+
padding: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
body .module-class .ant-modal-body[data-v-78262b33] {
|
|
16
|
+
position: relative;
|
|
17
|
+
padding: 100px 0 100px 100px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
body .detail-class .ant-modal-body[data-v-78262b33] {
|
|
21
|
+
overflow: auto;
|
|
22
|
+
padding: 0 0 30px 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
body .module-class.not-padding .ant-modal-body[data-v-78262b33] {
|
|
26
|
+
position: relative;
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
body .module-class.pwd .ant-modal-body[data-v-78262b33] {
|
|
31
|
+
position: relative;
|
|
32
|
+
padding: 100px 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ant-scrolling-effect[data-v-78262b33] {
|
|
36
|
+
width: 100% !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* 组件模态框 */
|
|
40
|
+
body .module-class.modal-components .ant-modal[data-v-78262b33] {
|
|
41
|
+
top: 5%;
|
|
42
|
+
left: 0px;
|
|
43
|
+
margin-left: 5%;
|
|
44
|
+
margin-right: 5%;
|
|
45
|
+
height: 90%;
|
|
46
|
+
width: auto !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
body .module-class.modal-components .ant-modal .ant-modal-content[data-v-78262b33] {
|
|
50
|
+
height: 100%;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
body .module-class .ant-modal-content[data-v-78262b33] {
|
|
54
|
+
box-sizing: border-box;
|
|
55
|
+
border-radius: 10px;
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
/* border: 5px solid #f1f1f1; */
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33] {
|
|
61
|
+
height: 100%;
|
|
62
|
+
overflow-y: auto;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar {
|
|
66
|
+
width: 15px;
|
|
67
|
+
height: 20px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-track {
|
|
71
|
+
border-radius: 100vh;
|
|
72
|
+
background: #f7f4ed;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-thumb {
|
|
76
|
+
background: #e0cbcb;
|
|
77
|
+
border-radius: 100vh;
|
|
78
|
+
border: 3px solid #f6f7ed;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-thumb:hover {
|
|
82
|
+
background: #c0a0b9;
|
|
83
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* show:Boolean 是否显示弹窗 v-model:show="Visible"
|
|
9
|
+
*
|
|
10
|
+
* remove-padding:Boolean 是否需要弹窗内边距(defult:true)
|
|
11
|
+
* 内边距 padding: 100px 0 100px 100px;
|
|
12
|
+
*
|
|
13
|
+
* @cancelHandle:Function 关闭时触发事件
|
|
14
|
+
*
|
|
15
|
+
* v-slot:title 弹窗头部
|
|
16
|
+
*
|
|
17
|
+
* v-slot:body 弹窗主体
|
|
18
|
+
*
|
|
19
|
+
* */
|
|
20
|
+
|
|
21
|
+
var script = /*#__PURE__*/vue.defineComponent({
|
|
22
|
+
__name: 'MrpModal',
|
|
23
|
+
props: {
|
|
24
|
+
show: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
"default": false
|
|
27
|
+
},
|
|
28
|
+
removePadding: {
|
|
29
|
+
type: Boolean,
|
|
30
|
+
"default": true
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
emits: ["update:show", "cancelHandle"],
|
|
34
|
+
setup: function setup(__props, _a) {
|
|
35
|
+
var emit = _a.emit;
|
|
36
|
+
var props = __props;
|
|
37
|
+
var isShow = vue.ref(props.show);
|
|
38
|
+
|
|
39
|
+
function cancel() {
|
|
40
|
+
emit("update:show", false);
|
|
41
|
+
emit("cancelHandle", false);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return function (_ctx, _cache) {
|
|
45
|
+
var _component_close_circle_outlined = vue.resolveComponent("close-circle-outlined");
|
|
46
|
+
|
|
47
|
+
var _component_a_modal = vue.resolveComponent("a-modal");
|
|
48
|
+
|
|
49
|
+
return vue.openBlock(), vue.createBlock(_component_a_modal, {
|
|
50
|
+
wrapClassName: [__props.removePadding ? '' : 'not-padding', 'module-class modal-components'],
|
|
51
|
+
visible: isShow.value,
|
|
52
|
+
"onUpdate:visible": _cache[0] || (_cache[0] = function ($event) {
|
|
53
|
+
return isShow.value = $event;
|
|
54
|
+
}),
|
|
55
|
+
onCancel: cancel,
|
|
56
|
+
destroyOnClose: "",
|
|
57
|
+
footer: null
|
|
58
|
+
}, {
|
|
59
|
+
title: vue.withCtx(function () {
|
|
60
|
+
return [vue.renderSlot(_ctx.$slots, "title")];
|
|
61
|
+
}),
|
|
62
|
+
closeIcon: vue.withCtx(function () {
|
|
63
|
+
return [vue.createVNode(_component_close_circle_outlined, {
|
|
64
|
+
"class": "text-[#006ab2] text-[30px]"
|
|
65
|
+
})];
|
|
66
|
+
}),
|
|
67
|
+
"default": vue.withCtx(function () {
|
|
68
|
+
return [vue.renderSlot(_ctx.$slots, "body")];
|
|
69
|
+
}),
|
|
70
|
+
_: 3
|
|
71
|
+
/* FORWARDED */
|
|
72
|
+
|
|
73
|
+
}, 8
|
|
74
|
+
/* PROPS */
|
|
75
|
+
, ["wrapClassName", "visible"]);
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
script.__scopeId = "data-v-78262b33";
|
|
81
|
+
script.__file = "src/function-ui/component/MrpModal.vue";
|
|
82
|
+
|
|
83
|
+
exports.MrpModal = script;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/* 模态框 */
|
|
3
|
+
body .detail-class[data-v-78262b33] {
|
|
4
|
+
top: -50px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* body .ant-modal{
|
|
8
|
+
width: 84vw!important;
|
|
9
|
+
height: 80vh!important;
|
|
10
|
+
} */
|
|
11
|
+
body .module-class .ant-modal-header[data-v-78262b33] {
|
|
12
|
+
padding: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
body .module-class .ant-modal-body[data-v-78262b33] {
|
|
16
|
+
position: relative;
|
|
17
|
+
padding: 100px 0 100px 100px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
body .detail-class .ant-modal-body[data-v-78262b33] {
|
|
21
|
+
overflow: auto;
|
|
22
|
+
padding: 0 0 30px 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
body .module-class.not-padding .ant-modal-body[data-v-78262b33] {
|
|
26
|
+
position: relative;
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
body .module-class.pwd .ant-modal-body[data-v-78262b33] {
|
|
31
|
+
position: relative;
|
|
32
|
+
padding: 100px 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ant-scrolling-effect[data-v-78262b33] {
|
|
36
|
+
width: 100% !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* 组件模态框 */
|
|
40
|
+
body .module-class.modal-components .ant-modal[data-v-78262b33] {
|
|
41
|
+
top: 5%;
|
|
42
|
+
left: 0px;
|
|
43
|
+
margin-left: 5%;
|
|
44
|
+
margin-right: 5%;
|
|
45
|
+
height: 90%;
|
|
46
|
+
width: auto !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
body .module-class.modal-components .ant-modal .ant-modal-content[data-v-78262b33] {
|
|
50
|
+
height: 100%;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
body .module-class .ant-modal-content[data-v-78262b33] {
|
|
54
|
+
box-sizing: border-box;
|
|
55
|
+
border-radius: 10px;
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
/* border: 5px solid #f1f1f1; */
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33] {
|
|
61
|
+
height: 100%;
|
|
62
|
+
overflow-y: auto;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar {
|
|
66
|
+
width: 15px;
|
|
67
|
+
height: 20px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-track {
|
|
71
|
+
border-radius: 100vh;
|
|
72
|
+
background: #f7f4ed;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-thumb {
|
|
76
|
+
background: #e0cbcb;
|
|
77
|
+
border-radius: 100vh;
|
|
78
|
+
border: 3px solid #f6f7ed;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-78262b33]::-webkit-scrollbar-thumb:hover {
|
|
82
|
+
background: #c0a0b9;
|
|
83
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* show:Boolean 是否显示弹窗 v-model:show="Visible"
|
|
5
|
+
*
|
|
6
|
+
* remove-padding:Boolean 是否需要弹窗内边距(defult:true)
|
|
7
|
+
* 内边距 padding: 100px 0 100px 100px;
|
|
8
|
+
*
|
|
9
|
+
* @cancelHandle:Function 关闭时触发事件
|
|
10
|
+
*
|
|
11
|
+
* v-slot:title 弹窗头部
|
|
12
|
+
*
|
|
13
|
+
* v-slot:body 弹窗主体
|
|
14
|
+
*
|
|
15
|
+
* */
|
|
16
|
+
|
|
17
|
+
var script = /*#__PURE__*/defineComponent({
|
|
18
|
+
__name: 'MrpModal',
|
|
19
|
+
props: {
|
|
20
|
+
show: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
"default": false
|
|
23
|
+
},
|
|
24
|
+
removePadding: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
"default": true
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
emits: ["update:show", "cancelHandle"],
|
|
30
|
+
setup: function setup(__props, _a) {
|
|
31
|
+
var emit = _a.emit;
|
|
32
|
+
var props = __props;
|
|
33
|
+
var isShow = ref(props.show);
|
|
34
|
+
|
|
35
|
+
function cancel() {
|
|
36
|
+
emit("update:show", false);
|
|
37
|
+
emit("cancelHandle", false);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
return function (_ctx, _cache) {
|
|
41
|
+
var _component_close_circle_outlined = resolveComponent("close-circle-outlined");
|
|
42
|
+
|
|
43
|
+
var _component_a_modal = resolveComponent("a-modal");
|
|
44
|
+
|
|
45
|
+
return openBlock(), createBlock(_component_a_modal, {
|
|
46
|
+
wrapClassName: [__props.removePadding ? '' : 'not-padding', 'module-class modal-components'],
|
|
47
|
+
visible: isShow.value,
|
|
48
|
+
"onUpdate:visible": _cache[0] || (_cache[0] = function ($event) {
|
|
49
|
+
return isShow.value = $event;
|
|
50
|
+
}),
|
|
51
|
+
onCancel: cancel,
|
|
52
|
+
destroyOnClose: "",
|
|
53
|
+
footer: null
|
|
54
|
+
}, {
|
|
55
|
+
title: withCtx(function () {
|
|
56
|
+
return [renderSlot(_ctx.$slots, "title")];
|
|
57
|
+
}),
|
|
58
|
+
closeIcon: withCtx(function () {
|
|
59
|
+
return [createVNode(_component_close_circle_outlined, {
|
|
60
|
+
"class": "text-[#006ab2] text-[30px]"
|
|
61
|
+
})];
|
|
62
|
+
}),
|
|
63
|
+
"default": withCtx(function () {
|
|
64
|
+
return [renderSlot(_ctx.$slots, "body")];
|
|
65
|
+
}),
|
|
66
|
+
_: 3
|
|
67
|
+
/* FORWARDED */
|
|
68
|
+
|
|
69
|
+
}, 8
|
|
70
|
+
/* PROPS */
|
|
71
|
+
, ["wrapClassName", "visible"]);
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
script.__scopeId = "data-v-78262b33";
|
|
77
|
+
script.__file = "src/function-ui/component/MrpModal.vue";
|
|
78
|
+
|
|
79
|
+
export { script as MrpModal };
|