@dao-style/biz 0.0.0-0-826a2d7 → 0.0.0-0-e2dcdb3
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/dist/cjs/components/instance-storage-class/style/instance-storage-class.js +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/instance-storage-class/index.d.ts +2 -0
- package/dist/components/instance-storage-class/props.d.ts +45 -0
- package/dist/components/instance-storage-class/props.js +44 -0
- package/dist/components/instance-storage-class/props.mjs +44 -0
- package/dist/components/instance-storage-class/src/InstanceStorageClass.vue.d.ts +121 -0
- package/dist/components/instance-storage-class/src/InstanceStorageClass.vue.js +53 -0
- package/dist/components/instance-storage-class/src/InstanceStorageClass.vue.mjs +54 -0
- package/dist/components/instance-storage-class/src/InstanceStorageClass.vue2.js +55 -0
- package/dist/components/instance-storage-class/src/InstanceStorageClass.vue2.mjs +56 -0
- package/dist/components/instance-storage-class/style/instance-storage-class.d.ts +2 -0
- package/dist/components/instance-storage-class/style/instance-storage-class.scss.js +3 -0
- package/dist/components/instance-storage-class/style/instance-storage-class.scss.mjs +4 -0
- package/dist/es/components/instance-storage-class/style/instance-storage-class.mjs +2 -0
- package/dist/group-mapping.json +1 -1
- package/dist/index.js +5 -0
- package/dist/index.mjs +5 -0
- package/dist/locales/en-US/components/InstanceStorageClass.json.js +11 -0
- package/dist/locales/en-US/components/InstanceStorageClass.json.mjs +11 -0
- package/dist/locales/en-US/index.js +2 -0
- package/dist/locales/en-US/index.mjs +2 -0
- package/dist/locales/zh-CN/components/InstanceStorageClass.json.js +11 -0
- package/dist/locales/zh-CN/components/InstanceStorageClass.json.mjs +11 -0
- package/dist/locales/zh-CN/index.js +2 -0
- package/dist/locales/zh-CN/index.mjs +2 -0
- package/dist/style.css +11 -2
- package/dist/styles/components/instance-storage-class/instance-storage-class.css +10 -0
- package/package.json +1 -1
- package/volar.d.ts +1 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { type OptionValue, type virtualSelectProps } from '@dao-style/core';
|
|
2
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
3
|
+
export declare const instanceStorageClassProps: {
|
|
4
|
+
yupConcat: {
|
|
5
|
+
type: PropType<import("yup").BaseSchema<any, import("yup/lib/types").AnyObject, any>>;
|
|
6
|
+
default: undefined;
|
|
7
|
+
};
|
|
8
|
+
field: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
label: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
required: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
readonly: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
helper: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
options: {
|
|
29
|
+
type: PropType<string[]>;
|
|
30
|
+
default: () => never[];
|
|
31
|
+
};
|
|
32
|
+
controlProps: {
|
|
33
|
+
type: PropType<Record<string, unknown> & Partial<virtualSelectProps>>;
|
|
34
|
+
default: () => {};
|
|
35
|
+
};
|
|
36
|
+
showMessage: {
|
|
37
|
+
type: PropType<(name: string) => boolean>;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export declare const instanceStorageClassEmits: {
|
|
42
|
+
change: (val: OptionValue) => void;
|
|
43
|
+
};
|
|
44
|
+
export type InstanceStorageClassEmits = typeof instanceStorageClassEmits;
|
|
45
|
+
export type InstanceStorageClassProps = ExtractPropTypes<typeof instanceStorageClassProps>;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const core = require("@dao-style/core");
|
|
4
|
+
const props = require("../../constants/props.js");
|
|
5
|
+
const instanceStorageClassProps = {
|
|
6
|
+
field: {
|
|
7
|
+
type: String,
|
|
8
|
+
default: "storageClassName"
|
|
9
|
+
},
|
|
10
|
+
label: {
|
|
11
|
+
type: String,
|
|
12
|
+
default: void 0
|
|
13
|
+
},
|
|
14
|
+
required: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: false
|
|
17
|
+
},
|
|
18
|
+
readonly: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: false
|
|
21
|
+
},
|
|
22
|
+
helper: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
options: {
|
|
27
|
+
type: Array,
|
|
28
|
+
default: () => []
|
|
29
|
+
},
|
|
30
|
+
controlProps: {
|
|
31
|
+
type: Object,
|
|
32
|
+
default: () => ({})
|
|
33
|
+
},
|
|
34
|
+
showMessage: {
|
|
35
|
+
type: Function,
|
|
36
|
+
default: void 0
|
|
37
|
+
},
|
|
38
|
+
...props.BaseValidateFormProps
|
|
39
|
+
};
|
|
40
|
+
const instanceStorageClassEmits = {
|
|
41
|
+
change: (val) => core.emitHelperFn(val)
|
|
42
|
+
};
|
|
43
|
+
exports.instanceStorageClassEmits = instanceStorageClassEmits;
|
|
44
|
+
exports.instanceStorageClassProps = instanceStorageClassProps;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { emitHelperFn } from "@dao-style/core";
|
|
2
|
+
import { BaseValidateFormProps } from "../../constants/props.mjs";
|
|
3
|
+
const instanceStorageClassProps = {
|
|
4
|
+
field: {
|
|
5
|
+
type: String,
|
|
6
|
+
default: "storageClassName"
|
|
7
|
+
},
|
|
8
|
+
label: {
|
|
9
|
+
type: String,
|
|
10
|
+
default: void 0
|
|
11
|
+
},
|
|
12
|
+
required: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: false
|
|
15
|
+
},
|
|
16
|
+
readonly: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: false
|
|
19
|
+
},
|
|
20
|
+
helper: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: ""
|
|
23
|
+
},
|
|
24
|
+
options: {
|
|
25
|
+
type: Array,
|
|
26
|
+
default: () => []
|
|
27
|
+
},
|
|
28
|
+
controlProps: {
|
|
29
|
+
type: Object,
|
|
30
|
+
default: () => ({})
|
|
31
|
+
},
|
|
32
|
+
showMessage: {
|
|
33
|
+
type: Function,
|
|
34
|
+
default: void 0
|
|
35
|
+
},
|
|
36
|
+
...BaseValidateFormProps
|
|
37
|
+
};
|
|
38
|
+
const instanceStorageClassEmits = {
|
|
39
|
+
change: (val) => emitHelperFn(val)
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
instanceStorageClassEmits,
|
|
43
|
+
instanceStorageClassProps
|
|
44
|
+
};
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { type StringSchema } from 'yup';
|
|
2
|
+
import { type OptionValue } from '@dao-style/core';
|
|
3
|
+
import '../style/instance-storage-class';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
yupConcat: {
|
|
6
|
+
type: import("vue").PropType<import("yup").BaseSchema<any, import("yup/lib/types").AnyObject, any>>;
|
|
7
|
+
default: undefined;
|
|
8
|
+
};
|
|
9
|
+
field: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
default: string;
|
|
12
|
+
};
|
|
13
|
+
label: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
17
|
+
required: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
readonly: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
helper: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
options: {
|
|
30
|
+
type: import("vue").PropType<string[]>;
|
|
31
|
+
default: () => never[];
|
|
32
|
+
};
|
|
33
|
+
controlProps: {
|
|
34
|
+
type: import("vue").PropType<Record<string, unknown> & Partial<import("@dao-style/core").virtualSelectProps>>;
|
|
35
|
+
default: () => {};
|
|
36
|
+
};
|
|
37
|
+
showMessage: {
|
|
38
|
+
type: import("vue").PropType<(name: string) => boolean>;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
}, {
|
|
42
|
+
actualLabel: import("vue").ComputedRef<string>;
|
|
43
|
+
actualYup: import("vue").ComputedRef<StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>>;
|
|
44
|
+
storageClassName: import("vue").ComputedRef<string>;
|
|
45
|
+
actualControlProps: import("vue").ComputedRef<{
|
|
46
|
+
onChange: (val: OptionValue) => void;
|
|
47
|
+
options: {
|
|
48
|
+
label: string;
|
|
49
|
+
value: string;
|
|
50
|
+
}[];
|
|
51
|
+
search: boolean | import("@dao-style/core").DaoVirtualSelectSearchFn;
|
|
52
|
+
labelKey?: string | undefined;
|
|
53
|
+
valueKey?: string | undefined;
|
|
54
|
+
placeholder?: string | undefined;
|
|
55
|
+
disabled?: boolean | undefined;
|
|
56
|
+
size?: string | undefined;
|
|
57
|
+
menuClass?: string | undefined;
|
|
58
|
+
appendTo?: string | false | HTMLElement | undefined;
|
|
59
|
+
multiple?: boolean | undefined;
|
|
60
|
+
status?: "error" | "default" | "success" | "validating" | undefined;
|
|
61
|
+
loading?: boolean | undefined;
|
|
62
|
+
optionLoading?: boolean | undefined;
|
|
63
|
+
hideSelectAll?: boolean | undefined;
|
|
64
|
+
clearable?: boolean | undefined;
|
|
65
|
+
itemHeight?: number | undefined;
|
|
66
|
+
modelValue?: string | number | boolean | unknown[] | undefined;
|
|
67
|
+
optionsPlaceholder?: string | undefined;
|
|
68
|
+
searchPlaceholder?: string | undefined;
|
|
69
|
+
class: string;
|
|
70
|
+
}>;
|
|
71
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
72
|
+
yupConcat: {
|
|
73
|
+
type: import("vue").PropType<import("yup").BaseSchema<any, import("yup/lib/types").AnyObject, any>>;
|
|
74
|
+
default: undefined;
|
|
75
|
+
};
|
|
76
|
+
field: {
|
|
77
|
+
type: StringConstructor;
|
|
78
|
+
default: string;
|
|
79
|
+
};
|
|
80
|
+
label: {
|
|
81
|
+
type: StringConstructor;
|
|
82
|
+
default: undefined;
|
|
83
|
+
};
|
|
84
|
+
required: {
|
|
85
|
+
type: BooleanConstructor;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
readonly: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
helper: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
options: {
|
|
97
|
+
type: import("vue").PropType<string[]>;
|
|
98
|
+
default: () => never[];
|
|
99
|
+
};
|
|
100
|
+
controlProps: {
|
|
101
|
+
type: import("vue").PropType<Record<string, unknown> & Partial<import("@dao-style/core").virtualSelectProps>>;
|
|
102
|
+
default: () => {};
|
|
103
|
+
};
|
|
104
|
+
showMessage: {
|
|
105
|
+
type: import("vue").PropType<(name: string) => boolean>;
|
|
106
|
+
default: undefined;
|
|
107
|
+
};
|
|
108
|
+
}>> & {
|
|
109
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
110
|
+
}, {
|
|
111
|
+
options: string[];
|
|
112
|
+
yupConcat: import("yup").BaseSchema<any, import("yup/lib/types").AnyObject, any>;
|
|
113
|
+
field: string;
|
|
114
|
+
label: string;
|
|
115
|
+
required: boolean;
|
|
116
|
+
readonly: boolean;
|
|
117
|
+
helper: string;
|
|
118
|
+
controlProps: Record<string, unknown> & Partial<import("@dao-style/core").virtualSelectProps>;
|
|
119
|
+
showMessage: (name: string) => boolean;
|
|
120
|
+
}>;
|
|
121
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const InstanceStorageClass_vue_vue_type_script_lang = require("./InstanceStorageClass.vue2.js");
|
|
3
|
+
const vue = require("vue");
|
|
4
|
+
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
|
|
5
|
+
const _hoisted_1 = {
|
|
6
|
+
key: 1,
|
|
7
|
+
class: "dao-instance-storage-class__message-wrapper"
|
|
8
|
+
};
|
|
9
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10
|
+
const _component_dao_helper_text = vue.resolveComponent("dao-helper-text");
|
|
11
|
+
const _component_dao_message = vue.resolveComponent("dao-message");
|
|
12
|
+
const _component_dao_form_item_validate = vue.resolveComponent("dao-form-item-validate");
|
|
13
|
+
return vue.openBlock(), vue.createBlock(_component_dao_form_item_validate, {
|
|
14
|
+
label: _ctx.actualLabel,
|
|
15
|
+
name: _ctx.field,
|
|
16
|
+
class: "dao-instance-storage-class",
|
|
17
|
+
required: _ctx.required && !_ctx.readonly,
|
|
18
|
+
"yup-concat": _ctx.actualYup,
|
|
19
|
+
"control-props": _ctx.actualControlProps,
|
|
20
|
+
tag: "dao-virtual-select",
|
|
21
|
+
"wrapper-type": _ctx.readonly ? "text" : void 0
|
|
22
|
+
}, vue.createSlots({
|
|
23
|
+
helper: vue.withCtx(() => {
|
|
24
|
+
var _a;
|
|
25
|
+
return [
|
|
26
|
+
_ctx.helper ? (vue.openBlock(), vue.createBlock(_component_dao_helper_text, {
|
|
27
|
+
key: 0,
|
|
28
|
+
content: _ctx.helper
|
|
29
|
+
}, null, 8, ["content"])) : vue.createCommentVNode("", true),
|
|
30
|
+
!_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
31
|
+
vue.createVNode(_component_dao_message, {
|
|
32
|
+
type: "warning",
|
|
33
|
+
content: _ctx.$t("biz.components.InstanceStorageClass.message"),
|
|
34
|
+
"is-close-show": false
|
|
35
|
+
}, null, 8, ["content"])
|
|
36
|
+
], 512)), [
|
|
37
|
+
[vue.vShow, (_a = _ctx.showMessage) == null ? void 0 : _a.call(_ctx, _ctx.storageClassName)]
|
|
38
|
+
]) : vue.createCommentVNode("", true)
|
|
39
|
+
];
|
|
40
|
+
}),
|
|
41
|
+
_: 2
|
|
42
|
+
}, [
|
|
43
|
+
_ctx.readonly ? {
|
|
44
|
+
name: "control-content",
|
|
45
|
+
fn: vue.withCtx(({ value }) => [
|
|
46
|
+
vue.createTextVNode(vue.toDisplayString(value.value), 1)
|
|
47
|
+
]),
|
|
48
|
+
key: "0"
|
|
49
|
+
} : void 0
|
|
50
|
+
]), 1032, ["label", "name", "required", "yup-concat", "control-props", "wrapper-type"]);
|
|
51
|
+
}
|
|
52
|
+
const InstanceStorageClass = /* @__PURE__ */ _pluginVue_exportHelper(InstanceStorageClass_vue_vue_type_script_lang, [["render", _sfc_render]]);
|
|
53
|
+
module.exports = InstanceStorageClass;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import _sfc_main from "./InstanceStorageClass.vue2.mjs";
|
|
2
|
+
import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createCommentVNode, withDirectives, createElementBlock, createVNode, vShow, createTextVNode, toDisplayString } from "vue";
|
|
3
|
+
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const _hoisted_1 = {
|
|
5
|
+
key: 1,
|
|
6
|
+
class: "dao-instance-storage-class__message-wrapper"
|
|
7
|
+
};
|
|
8
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9
|
+
const _component_dao_helper_text = resolveComponent("dao-helper-text");
|
|
10
|
+
const _component_dao_message = resolveComponent("dao-message");
|
|
11
|
+
const _component_dao_form_item_validate = resolveComponent("dao-form-item-validate");
|
|
12
|
+
return openBlock(), createBlock(_component_dao_form_item_validate, {
|
|
13
|
+
label: _ctx.actualLabel,
|
|
14
|
+
name: _ctx.field,
|
|
15
|
+
class: "dao-instance-storage-class",
|
|
16
|
+
required: _ctx.required && !_ctx.readonly,
|
|
17
|
+
"yup-concat": _ctx.actualYup,
|
|
18
|
+
"control-props": _ctx.actualControlProps,
|
|
19
|
+
tag: "dao-virtual-select",
|
|
20
|
+
"wrapper-type": _ctx.readonly ? "text" : void 0
|
|
21
|
+
}, createSlots({
|
|
22
|
+
helper: withCtx(() => {
|
|
23
|
+
var _a;
|
|
24
|
+
return [
|
|
25
|
+
_ctx.helper ? (openBlock(), createBlock(_component_dao_helper_text, {
|
|
26
|
+
key: 0,
|
|
27
|
+
content: _ctx.helper
|
|
28
|
+
}, null, 8, ["content"])) : createCommentVNode("", true),
|
|
29
|
+
!_ctx.readonly ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
|
|
30
|
+
createVNode(_component_dao_message, {
|
|
31
|
+
type: "warning",
|
|
32
|
+
content: _ctx.$t("biz.components.InstanceStorageClass.message"),
|
|
33
|
+
"is-close-show": false
|
|
34
|
+
}, null, 8, ["content"])
|
|
35
|
+
], 512)), [
|
|
36
|
+
[vShow, (_a = _ctx.showMessage) == null ? void 0 : _a.call(_ctx, _ctx.storageClassName)]
|
|
37
|
+
]) : createCommentVNode("", true)
|
|
38
|
+
];
|
|
39
|
+
}),
|
|
40
|
+
_: 2
|
|
41
|
+
}, [
|
|
42
|
+
_ctx.readonly ? {
|
|
43
|
+
name: "control-content",
|
|
44
|
+
fn: withCtx(({ value }) => [
|
|
45
|
+
createTextVNode(toDisplayString(value.value), 1)
|
|
46
|
+
]),
|
|
47
|
+
key: "0"
|
|
48
|
+
} : void 0
|
|
49
|
+
]), 1032, ["label", "name", "required", "yup-concat", "control-props", "wrapper-type"]);
|
|
50
|
+
}
|
|
51
|
+
const InstanceStorageClass = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
52
|
+
export {
|
|
53
|
+
InstanceStorageClass as default
|
|
54
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const vue = require("vue");
|
|
3
|
+
const yup = require("yup");
|
|
4
|
+
const extend = require("@dao-style/extend");
|
|
5
|
+
const vueI18n = require("vue-i18n");
|
|
6
|
+
const veeValidate = require("vee-validate");
|
|
7
|
+
const props = require("../props.js");
|
|
8
|
+
require("../../../styles/common.scss.js");
|
|
9
|
+
require("../style/instance-storage-class.scss.js");
|
|
10
|
+
const _sfc_main = vue.defineComponent({
|
|
11
|
+
name: "DaoInstanceStorageClass",
|
|
12
|
+
components: {
|
|
13
|
+
DaoFormItemValidate: extend.DaoFormItemValidate
|
|
14
|
+
},
|
|
15
|
+
props: props.instanceStorageClassProps,
|
|
16
|
+
emits: Object.keys(props.instanceStorageClassEmits),
|
|
17
|
+
setup(props2, { emit }) {
|
|
18
|
+
const { t } = vueI18n.useI18n();
|
|
19
|
+
const storageClassName = veeValidate.useFieldValue(props2.field);
|
|
20
|
+
const actualLabel = vue.computed(() => {
|
|
21
|
+
if (props2.label == null) {
|
|
22
|
+
return t("biz.components.InstanceStorageClass.label");
|
|
23
|
+
}
|
|
24
|
+
return props2.label;
|
|
25
|
+
});
|
|
26
|
+
const actualYup = vue.computed(() => {
|
|
27
|
+
let baseSchema = yup.string();
|
|
28
|
+
if (props2.yupConcat) {
|
|
29
|
+
baseSchema = baseSchema.concat(props2.yupConcat);
|
|
30
|
+
}
|
|
31
|
+
return baseSchema;
|
|
32
|
+
});
|
|
33
|
+
const formatOptions = vue.computed(() => props2.options.map((item) => ({
|
|
34
|
+
label: item,
|
|
35
|
+
value: item
|
|
36
|
+
})));
|
|
37
|
+
const defaultControlProps = {
|
|
38
|
+
search: true,
|
|
39
|
+
class: "default-form-width"
|
|
40
|
+
};
|
|
41
|
+
const actualControlProps = vue.computed(() => ({
|
|
42
|
+
...defaultControlProps,
|
|
43
|
+
...props2.controlProps,
|
|
44
|
+
onChange: (val) => emit("change", val),
|
|
45
|
+
options: formatOptions.value
|
|
46
|
+
}));
|
|
47
|
+
return {
|
|
48
|
+
actualLabel,
|
|
49
|
+
actualYup,
|
|
50
|
+
storageClassName,
|
|
51
|
+
actualControlProps
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
module.exports = _sfc_main;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent, computed } from "vue";
|
|
2
|
+
import { string } from "yup";
|
|
3
|
+
import { DaoFormItemValidate } from "@dao-style/extend";
|
|
4
|
+
import { useI18n } from "vue-i18n";
|
|
5
|
+
import { useFieldValue } from "vee-validate";
|
|
6
|
+
import { instanceStorageClassProps, instanceStorageClassEmits } from "../props.mjs";
|
|
7
|
+
import "../../../styles/common.scss.mjs";
|
|
8
|
+
import "../style/instance-storage-class.scss.mjs";
|
|
9
|
+
const _sfc_main = defineComponent({
|
|
10
|
+
name: "DaoInstanceStorageClass",
|
|
11
|
+
components: {
|
|
12
|
+
DaoFormItemValidate
|
|
13
|
+
},
|
|
14
|
+
props: instanceStorageClassProps,
|
|
15
|
+
emits: Object.keys(instanceStorageClassEmits),
|
|
16
|
+
setup(props, { emit }) {
|
|
17
|
+
const { t } = useI18n();
|
|
18
|
+
const storageClassName = useFieldValue(props.field);
|
|
19
|
+
const actualLabel = computed(() => {
|
|
20
|
+
if (props.label == null) {
|
|
21
|
+
return t("biz.components.InstanceStorageClass.label");
|
|
22
|
+
}
|
|
23
|
+
return props.label;
|
|
24
|
+
});
|
|
25
|
+
const actualYup = computed(() => {
|
|
26
|
+
let baseSchema = string();
|
|
27
|
+
if (props.yupConcat) {
|
|
28
|
+
baseSchema = baseSchema.concat(props.yupConcat);
|
|
29
|
+
}
|
|
30
|
+
return baseSchema;
|
|
31
|
+
});
|
|
32
|
+
const formatOptions = computed(() => props.options.map((item) => ({
|
|
33
|
+
label: item,
|
|
34
|
+
value: item
|
|
35
|
+
})));
|
|
36
|
+
const defaultControlProps = {
|
|
37
|
+
search: true,
|
|
38
|
+
class: "default-form-width"
|
|
39
|
+
};
|
|
40
|
+
const actualControlProps = computed(() => ({
|
|
41
|
+
...defaultControlProps,
|
|
42
|
+
...props.controlProps,
|
|
43
|
+
onChange: (val) => emit("change", val),
|
|
44
|
+
options: formatOptions.value
|
|
45
|
+
}));
|
|
46
|
+
return {
|
|
47
|
+
actualLabel,
|
|
48
|
+
actualYup,
|
|
49
|
+
storageClassName,
|
|
50
|
+
actualControlProps
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
export {
|
|
55
|
+
_sfc_main as default
|
|
56
|
+
};
|
package/dist/group-mapping.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"instance-
|
|
1
|
+
{"instance-cluster":"components/instance-cluster","instance-description":"components/instance-description","instance-monitor-interval":"components/instance-monitor-interval","instance-storage-class":"components/instance-storage-class","instance-namespace":"components/instance-namespace","resource-config":"components/resource-config","instance-name":"components/instance-name"}
|
package/dist/index.js
CHANGED
|
@@ -14,6 +14,8 @@ const ResourceConfig = require("./components/resource-config/src/ResourceConfig.
|
|
|
14
14
|
const props$4 = require("./components/resource-config/props.js");
|
|
15
15
|
const InstanceMonitorInterval = require("./components/instance-monitor-interval/src/InstanceMonitorInterval.vue.js");
|
|
16
16
|
const props$5 = require("./components/instance-monitor-interval/props.js");
|
|
17
|
+
const InstanceStorageClass = require("./components/instance-storage-class/src/InstanceStorageClass.vue.js");
|
|
18
|
+
const props$6 = require("./components/instance-storage-class/props.js");
|
|
17
19
|
const index = require("./locales/en-US/index.js");
|
|
18
20
|
const index$1 = require("./locales/zh-CN/index.js");
|
|
19
21
|
const formatNumUnit = require("./utils/formatNumUnit.js");
|
|
@@ -49,6 +51,9 @@ exports.DaoResourceConfig = ResourceConfig;
|
|
|
49
51
|
exports.resourceConfigProps = props$4.resourceConfigProps;
|
|
50
52
|
exports.DaoInstanceMonitorInterval = InstanceMonitorInterval;
|
|
51
53
|
exports.instanceMonitorIntervalProps = props$5.instanceMonitorIntervalProps;
|
|
54
|
+
exports.DaoInstanceStorageClass = InstanceStorageClass;
|
|
55
|
+
exports.instanceStorageClassEmits = props$6.instanceStorageClassEmits;
|
|
56
|
+
exports.instanceStorageClassProps = props$6.instanceStorageClassProps;
|
|
52
57
|
exports.enUS = index__namespace;
|
|
53
58
|
exports.zhCN = index__namespace$1;
|
|
54
59
|
exports.formatNumUnit = formatNumUnit.formatNumUnit;
|
package/dist/index.mjs
CHANGED
|
@@ -12,6 +12,8 @@ import { default as default7 } from "./components/resource-config/src/ResourceCo
|
|
|
12
12
|
import { resourceConfigProps } from "./components/resource-config/props.mjs";
|
|
13
13
|
import { default as default8 } from "./components/instance-monitor-interval/src/InstanceMonitorInterval.vue.mjs";
|
|
14
14
|
import { instanceMonitorIntervalProps } from "./components/instance-monitor-interval/props.mjs";
|
|
15
|
+
import { default as default9 } from "./components/instance-storage-class/src/InstanceStorageClass.vue.mjs";
|
|
16
|
+
import { instanceStorageClassEmits, instanceStorageClassProps } from "./components/instance-storage-class/props.mjs";
|
|
15
17
|
import * as index from "./locales/en-US/index.mjs";
|
|
16
18
|
import * as index$1 from "./locales/zh-CN/index.mjs";
|
|
17
19
|
import { formatNumUnit } from "./utils/formatNumUnit.mjs";
|
|
@@ -32,6 +34,7 @@ export {
|
|
|
32
34
|
default8 as DaoInstanceMonitorInterval,
|
|
33
35
|
default2 as DaoInstanceName,
|
|
34
36
|
default6 as DaoInstanceNamespace,
|
|
37
|
+
default9 as DaoInstanceStorageClass,
|
|
35
38
|
default7 as DaoResourceConfig,
|
|
36
39
|
index as enUS,
|
|
37
40
|
formatNumUnit,
|
|
@@ -44,6 +47,8 @@ export {
|
|
|
44
47
|
instanceMonitorIntervalProps,
|
|
45
48
|
instanceNamespaceEmits,
|
|
46
49
|
instanceNamespaceProps,
|
|
50
|
+
instanceStorageClassEmits,
|
|
51
|
+
instanceStorageClassProps,
|
|
47
52
|
loadLocaleMessages,
|
|
48
53
|
registerGlobalVueI18n,
|
|
49
54
|
resourceConfigProps,
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const label = "Storage Class";
|
|
4
|
+
const message = "Current storage class does not support capacity upgrade, please plan storage capacity reasonably";
|
|
5
|
+
const InstanceStorageClass = {
|
|
6
|
+
label,
|
|
7
|
+
message
|
|
8
|
+
};
|
|
9
|
+
exports.default = InstanceStorageClass;
|
|
10
|
+
exports.label = label;
|
|
11
|
+
exports.message = message;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const label = "Storage Class";
|
|
2
|
+
const message = "Current storage class does not support capacity upgrade, please plan storage capacity reasonably";
|
|
3
|
+
const InstanceStorageClass = {
|
|
4
|
+
label,
|
|
5
|
+
message
|
|
6
|
+
};
|
|
7
|
+
export {
|
|
8
|
+
InstanceStorageClass as default,
|
|
9
|
+
label,
|
|
10
|
+
message
|
|
11
|
+
};
|
|
@@ -5,6 +5,7 @@ const InstanceInstallationEnv = require("./components/InstanceInstallationEnv.js
|
|
|
5
5
|
const InstanceMonitorInterval = require("./components/InstanceMonitorInterval.json.js");
|
|
6
6
|
const InstanceName = require("./components/InstanceName.json.js");
|
|
7
7
|
const InstanceNamespace = require("./components/InstanceNamespace.json.js");
|
|
8
|
+
const InstanceStorageClass = require("./components/InstanceStorageClass.json.js");
|
|
8
9
|
const ResourceConfig = require("./components/ResourceConfig.json.js");
|
|
9
10
|
const validate = require("./validate.json.js");
|
|
10
11
|
const index$1 = require("../../utils/index.js");
|
|
@@ -15,6 +16,7 @@ const modules = /* @__PURE__ */ Object.assign({
|
|
|
15
16
|
"./components/InstanceMonitorInterval.json": InstanceMonitorInterval,
|
|
16
17
|
"./components/InstanceName.json": InstanceName,
|
|
17
18
|
"./components/InstanceNamespace.json": InstanceNamespace,
|
|
19
|
+
"./components/InstanceStorageClass.json": InstanceStorageClass,
|
|
18
20
|
"./components/ResourceConfig.json": ResourceConfig,
|
|
19
21
|
"./validate.json": validate
|
|
20
22
|
});
|
|
@@ -4,6 +4,7 @@ import * as InstanceInstallationEnv from "./components/InstanceInstallationEnv.j
|
|
|
4
4
|
import * as InstanceMonitorInterval from "./components/InstanceMonitorInterval.json.mjs";
|
|
5
5
|
import * as InstanceName from "./components/InstanceName.json.mjs";
|
|
6
6
|
import * as InstanceNamespace from "./components/InstanceNamespace.json.mjs";
|
|
7
|
+
import * as InstanceStorageClass from "./components/InstanceStorageClass.json.mjs";
|
|
7
8
|
import * as ResourceConfig from "./components/ResourceConfig.json.mjs";
|
|
8
9
|
import * as validate from "./validate.json.mjs";
|
|
9
10
|
import { wrapperLocale, loadLocaleMessages } from "../../utils/index.mjs";
|
|
@@ -14,6 +15,7 @@ const modules = /* @__PURE__ */ Object.assign({
|
|
|
14
15
|
"./components/InstanceMonitorInterval.json": InstanceMonitorInterval,
|
|
15
16
|
"./components/InstanceName.json": InstanceName,
|
|
16
17
|
"./components/InstanceNamespace.json": InstanceNamespace,
|
|
18
|
+
"./components/InstanceStorageClass.json": InstanceStorageClass,
|
|
17
19
|
"./components/ResourceConfig.json": ResourceConfig,
|
|
18
20
|
"./validate.json": validate
|
|
19
21
|
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const label = "存储池(SC)";
|
|
4
|
+
const message = "当前存储池(SC)不支持容量升级,请合理规划存储容量";
|
|
5
|
+
const InstanceStorageClass = {
|
|
6
|
+
label,
|
|
7
|
+
message
|
|
8
|
+
};
|
|
9
|
+
exports.default = InstanceStorageClass;
|
|
10
|
+
exports.label = label;
|
|
11
|
+
exports.message = message;
|
|
@@ -5,6 +5,7 @@ const InstanceInstallationEnv = require("./components/InstanceInstallationEnv.js
|
|
|
5
5
|
const InstanceMonitorInterval = require("./components/InstanceMonitorInterval.json.js");
|
|
6
6
|
const InstanceName = require("./components/InstanceName.json.js");
|
|
7
7
|
const InstanceNamespace = require("./components/InstanceNamespace.json.js");
|
|
8
|
+
const InstanceStorageClass = require("./components/InstanceStorageClass.json.js");
|
|
8
9
|
const ResourceConfig = require("./components/ResourceConfig.json.js");
|
|
9
10
|
const validate = require("./validate.json.js");
|
|
10
11
|
const index$1 = require("../../utils/index.js");
|
|
@@ -15,6 +16,7 @@ const modules = /* @__PURE__ */ Object.assign({
|
|
|
15
16
|
"./components/InstanceMonitorInterval.json": InstanceMonitorInterval,
|
|
16
17
|
"./components/InstanceName.json": InstanceName,
|
|
17
18
|
"./components/InstanceNamespace.json": InstanceNamespace,
|
|
19
|
+
"./components/InstanceStorageClass.json": InstanceStorageClass,
|
|
18
20
|
"./components/ResourceConfig.json": ResourceConfig,
|
|
19
21
|
"./validate.json": validate
|
|
20
22
|
});
|
|
@@ -4,6 +4,7 @@ import * as InstanceInstallationEnv from "./components/InstanceInstallationEnv.j
|
|
|
4
4
|
import * as InstanceMonitorInterval from "./components/InstanceMonitorInterval.json.mjs";
|
|
5
5
|
import * as InstanceName from "./components/InstanceName.json.mjs";
|
|
6
6
|
import * as InstanceNamespace from "./components/InstanceNamespace.json.mjs";
|
|
7
|
+
import * as InstanceStorageClass from "./components/InstanceStorageClass.json.mjs";
|
|
7
8
|
import * as ResourceConfig from "./components/ResourceConfig.json.mjs";
|
|
8
9
|
import * as validate from "./validate.json.mjs";
|
|
9
10
|
import { wrapperLocale, loadLocaleMessages } from "../../utils/index.mjs";
|
|
@@ -14,6 +15,7 @@ const modules = /* @__PURE__ */ Object.assign({
|
|
|
14
15
|
"./components/InstanceMonitorInterval.json": InstanceMonitorInterval,
|
|
15
16
|
"./components/InstanceName.json": InstanceName,
|
|
16
17
|
"./components/InstanceNamespace.json": InstanceNamespace,
|
|
18
|
+
"./components/InstanceStorageClass.json": InstanceStorageClass,
|
|
17
19
|
"./components/ResourceConfig.json": ResourceConfig,
|
|
18
20
|
"./validate.json": validate
|
|
19
21
|
});
|
package/dist/style.css
CHANGED
|
@@ -10,10 +10,17 @@
|
|
|
10
10
|
margin-top: 15px;
|
|
11
11
|
}.default-form-width {
|
|
12
12
|
width: 400px !important;
|
|
13
|
-
}.dao-biz-instance-name {
|
|
14
|
-
width: 400px;
|
|
15
13
|
}.dao-instance-monitor-interval__unit.dao-select {
|
|
16
14
|
width: 60px;
|
|
15
|
+
}.dao-instance-storage-class .dao-message {
|
|
16
|
+
display: inline-block;
|
|
17
|
+
min-width: 400px;
|
|
18
|
+
}
|
|
19
|
+
.dao-instance-storage-class__message-wrapper {
|
|
20
|
+
margin-top: 10px;
|
|
21
|
+
}
|
|
22
|
+
.dao-helper-text + .dao-instance-storage-class__message-wrapper {
|
|
23
|
+
margin-top: 14px;
|
|
17
24
|
}.dao-resource-config, .default-form-width {
|
|
18
25
|
width: 400px !important;
|
|
19
26
|
}
|
|
@@ -57,4 +64,6 @@
|
|
|
57
64
|
|
|
58
65
|
.dao-resource-config .request-en .dao-input-prepend {
|
|
59
66
|
width: 80px;
|
|
67
|
+
}.dao-biz-instance-name {
|
|
68
|
+
width: 400px;
|
|
60
69
|
}
|
package/package.json
CHANGED
package/volar.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ declare module 'vue' {
|
|
|
7
7
|
DaoInstanceMonitorInterval: typeof import('@dao-style/biz')['DaoInstanceMonitorInterval']
|
|
8
8
|
DaoInstanceName: typeof import('@dao-style/biz')['DaoInstanceName']
|
|
9
9
|
DaoInstanceNamespace: typeof import('@dao-style/biz')['DaoInstanceNamespace']
|
|
10
|
+
DaoInstanceStorageClass: typeof import('@dao-style/biz')['DaoInstanceStorageClass']
|
|
10
11
|
DaoResourceConfig: typeof import('@dao-style/biz')['DaoResourceConfig']
|
|
11
12
|
}
|
|
12
13
|
}
|