@idooel/components 0.0.1-beta.87 → 0.0.1-beta.88
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.
|
@@ -12040,7 +12040,15 @@ var script$a = {
|
|
|
12040
12040
|
const {
|
|
12041
12041
|
modalConfirm
|
|
12042
12042
|
} = props;
|
|
12043
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
12043
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
12044
|
+
this.$emit(props.eventName || 'click', {
|
|
12045
|
+
...e,
|
|
12046
|
+
...props,
|
|
12047
|
+
record: props,
|
|
12048
|
+
...this.contextData
|
|
12049
|
+
});
|
|
12050
|
+
return;
|
|
12051
|
+
}
|
|
12044
12052
|
if (modalConfirm) {
|
|
12045
12053
|
this.modalConfirmMeta = modalConfirm;
|
|
12046
12054
|
this.modalConfirmValue = true;
|
|
@@ -12058,7 +12066,14 @@ var script$a = {
|
|
|
12058
12066
|
const {
|
|
12059
12067
|
modalConfirm
|
|
12060
12068
|
} = item;
|
|
12061
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
12069
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
12070
|
+
this.$emit(item.eventName || 'click', {
|
|
12071
|
+
...e,
|
|
12072
|
+
record: item,
|
|
12073
|
+
...this.contextData
|
|
12074
|
+
});
|
|
12075
|
+
return;
|
|
12076
|
+
}
|
|
12062
12077
|
if (modalConfirm) {
|
|
12063
12078
|
this.modalConfirmMeta = modalConfirm;
|
|
12064
12079
|
this.modalConfirmValue = true;
|
|
@@ -12191,11 +12206,11 @@ __vue_render__$a._withStripped = true;
|
|
|
12191
12206
|
/* style */
|
|
12192
12207
|
const __vue_inject_styles__$a = function (inject) {
|
|
12193
12208
|
if (!inject) return
|
|
12194
|
-
inject("data-v-
|
|
12209
|
+
inject("data-v-7b7f199d_0", { source: ".button-group__wrapper[data-v-7b7f199d] {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d] {\n margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d]:first-child {\n margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAqIA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACpIA;ADqIA;EACA,gBAAA;ACnIA;ADoIA;EACA,cAAA;AClIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n <div class=\"button-group__wrapper\">\n <template v-for=\"(item, idx) in innerDatasource\" >\n <ele-button\n v-if=\"isBool(item._show) ? item._show : true\"\n :type=\"item.type\"\n :icon=\"item.icon\"\n :mode=\"item.mode\"\n :data-source=\"item.optionList\"\n :event-name=\"item.eventName\"\n :record=\"item\"\n v-on=\"overrideButtonEvent\"\n :key=\"idx\">\n {{ item.label }}\n </ele-button>\n </template>\n <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n name: 'ele-button-group',\n props: {\n dataSource: {\n type: Array,\n default: () => []\n }\n },\n data() {\n return {\n innerDatasource: [],\n modalConfirmValue: false,\n modalConfirmMeta: {}\n }\n },\n inject: {\n [CONTEXT]: {\n default: () => (() => ({}))\n }\n },\n computed: {\n contextData () {\n return {\n ...this[CONTEXT].call(this),\n ...this.currentContext\n }\n },\n overrideButtonEvent () {\n const events = this.dataSource.reduce((ret, item) => {\n const { mode, optionList = [] } = item\n if (mode == 'dropdown') {\n optionList.forEach(props => {\n ret[props.eventName || 'click'] = (e) => {\n const { modalConfirm } = props\n if (this.preventModalConfirm(modalConfirm)) {\n this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n return\n }\n if (modalConfirm) {\n this.modalConfirmMeta = modalConfirm\n this.modalConfirmValue = true\n }\n this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n }\n })\n }\n ret[item.eventName || 'click'] = (e) => {\n const { modalConfirm } = item\n if (this.preventModalConfirm(modalConfirm)) {\n this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n return\n }\n if (modalConfirm) {\n this.modalConfirmMeta = modalConfirm\n this.modalConfirmValue = true\n }\n this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n }\n return ret\n }, {})\n return {\n ...this.$listeners,\n ...events,\n ...this.contextData\n }\n },\n overrideModalConfirmEvent () {\n return {\n ...this.$listeners\n }\n },\n currentContext () {\n return {\n _route: this.$route.query,\n _routeMeta: this.$route.meta\n }\n }\n },\n watch: {\n dataSource: {\n handler (dataSource) {\n this.innerDatasource = dataSource.map(item => {\n return {\n ...item,\n _show: this.executeExpression(item.show)\n }\n })\n },\n immediate: true\n }\n },\n methods: {\n preventModalConfirm (modalConfirm = {}) {\n const { show } = modalConfirm\n return !this.executeExpression(show)\n },\n executeExpression (expression) {\n if (type.isBool(expression)) return expression\n if (type.isEmpty(expression)) return true\n return parse(expression, { ...this.currentContext, ...this.contextData })\n },\n isBool (arg) {\n return type.isBool(arg)\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n .ant-btn {\n margin-left: 8px;\n &:first-child {\n margin-left: 0;\n }\n }\n}\n</style>",".button-group__wrapper {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
12195
12210
|
|
|
12196
12211
|
};
|
|
12197
12212
|
/* scoped */
|
|
12198
|
-
const __vue_scope_id__$a = "data-v-
|
|
12213
|
+
const __vue_scope_id__$a = "data-v-7b7f199d";
|
|
12199
12214
|
/* module identifier */
|
|
12200
12215
|
const __vue_module_identifier__$a = undefined;
|
|
12201
12216
|
/* functional template */
|
|
@@ -12047,7 +12047,15 @@
|
|
|
12047
12047
|
const {
|
|
12048
12048
|
modalConfirm
|
|
12049
12049
|
} = props;
|
|
12050
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
12050
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
12051
|
+
this.$emit(props.eventName || 'click', {
|
|
12052
|
+
...e,
|
|
12053
|
+
...props,
|
|
12054
|
+
record: props,
|
|
12055
|
+
...this.contextData
|
|
12056
|
+
});
|
|
12057
|
+
return;
|
|
12058
|
+
}
|
|
12051
12059
|
if (modalConfirm) {
|
|
12052
12060
|
this.modalConfirmMeta = modalConfirm;
|
|
12053
12061
|
this.modalConfirmValue = true;
|
|
@@ -12065,7 +12073,14 @@
|
|
|
12065
12073
|
const {
|
|
12066
12074
|
modalConfirm
|
|
12067
12075
|
} = item;
|
|
12068
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
12076
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
12077
|
+
this.$emit(item.eventName || 'click', {
|
|
12078
|
+
...e,
|
|
12079
|
+
record: item,
|
|
12080
|
+
...this.contextData
|
|
12081
|
+
});
|
|
12082
|
+
return;
|
|
12083
|
+
}
|
|
12069
12084
|
if (modalConfirm) {
|
|
12070
12085
|
this.modalConfirmMeta = modalConfirm;
|
|
12071
12086
|
this.modalConfirmValue = true;
|
|
@@ -12198,11 +12213,11 @@
|
|
|
12198
12213
|
/* style */
|
|
12199
12214
|
const __vue_inject_styles__$a = function (inject) {
|
|
12200
12215
|
if (!inject) return
|
|
12201
|
-
inject("data-v-
|
|
12216
|
+
inject("data-v-7b7f199d_0", { source: ".button-group__wrapper[data-v-7b7f199d] {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d] {\n margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-7b7f199d]:first-child {\n margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAqIA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACpIA;ADqIA;EACA,gBAAA;ACnIA;ADoIA;EACA,cAAA;AClIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n <div class=\"button-group__wrapper\">\n <template v-for=\"(item, idx) in innerDatasource\" >\n <ele-button\n v-if=\"isBool(item._show) ? item._show : true\"\n :type=\"item.type\"\n :icon=\"item.icon\"\n :mode=\"item.mode\"\n :data-source=\"item.optionList\"\n :event-name=\"item.eventName\"\n :record=\"item\"\n v-on=\"overrideButtonEvent\"\n :key=\"idx\">\n {{ item.label }}\n </ele-button>\n </template>\n <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n </div>\n</template>\n\n<script>\nimport { type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT } from '../../../utils'\nexport default {\n name: 'ele-button-group',\n props: {\n dataSource: {\n type: Array,\n default: () => []\n }\n },\n data() {\n return {\n innerDatasource: [],\n modalConfirmValue: false,\n modalConfirmMeta: {}\n }\n },\n inject: {\n [CONTEXT]: {\n default: () => (() => ({}))\n }\n },\n computed: {\n contextData () {\n return {\n ...this[CONTEXT].call(this),\n ...this.currentContext\n }\n },\n overrideButtonEvent () {\n const events = this.dataSource.reduce((ret, item) => {\n const { mode, optionList = [] } = item\n if (mode == 'dropdown') {\n optionList.forEach(props => {\n ret[props.eventName || 'click'] = (e) => {\n const { modalConfirm } = props\n if (this.preventModalConfirm(modalConfirm)) {\n this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n return\n }\n if (modalConfirm) {\n this.modalConfirmMeta = modalConfirm\n this.modalConfirmValue = true\n }\n this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n }\n })\n }\n ret[item.eventName || 'click'] = (e) => {\n const { modalConfirm } = item\n if (this.preventModalConfirm(modalConfirm)) {\n this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n return\n }\n if (modalConfirm) {\n this.modalConfirmMeta = modalConfirm\n this.modalConfirmValue = true\n }\n this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n }\n return ret\n }, {})\n return {\n ...this.$listeners,\n ...events,\n ...this.contextData\n }\n },\n overrideModalConfirmEvent () {\n return {\n ...this.$listeners\n }\n },\n currentContext () {\n return {\n _route: this.$route.query,\n _routeMeta: this.$route.meta\n }\n }\n },\n watch: {\n dataSource: {\n handler (dataSource) {\n this.innerDatasource = dataSource.map(item => {\n return {\n ...item,\n _show: this.executeExpression(item.show)\n }\n })\n },\n immediate: true\n }\n },\n methods: {\n preventModalConfirm (modalConfirm = {}) {\n const { show } = modalConfirm\n return !this.executeExpression(show)\n },\n executeExpression (expression) {\n if (type.isBool(expression)) return expression\n if (type.isEmpty(expression)) return true\n return parse(expression, { ...this.currentContext, ...this.contextData })\n },\n isBool (arg) {\n return type.isBool(arg)\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n .ant-btn {\n margin-left: 8px;\n &:first-child {\n margin-left: 0;\n }\n }\n}\n</style>",".button-group__wrapper {\n display: flex;\n padding-left: 16px;\n padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
12202
12217
|
|
|
12203
12218
|
};
|
|
12204
12219
|
/* scoped */
|
|
12205
|
-
const __vue_scope_id__$a = "data-v-
|
|
12220
|
+
const __vue_scope_id__$a = "data-v-7b7f199d";
|
|
12206
12221
|
/* module identifier */
|
|
12207
12222
|
const __vue_module_identifier__$a = undefined;
|
|
12208
12223
|
/* functional template */
|
package/package.json
CHANGED
|
@@ -56,7 +56,10 @@ export default {
|
|
|
56
56
|
optionList.forEach(props => {
|
|
57
57
|
ret[props.eventName || 'click'] = (e) => {
|
|
58
58
|
const { modalConfirm } = props
|
|
59
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
59
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
60
|
+
this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })
|
|
61
|
+
return
|
|
62
|
+
}
|
|
60
63
|
if (modalConfirm) {
|
|
61
64
|
this.modalConfirmMeta = modalConfirm
|
|
62
65
|
this.modalConfirmValue = true
|
|
@@ -67,7 +70,10 @@ export default {
|
|
|
67
70
|
}
|
|
68
71
|
ret[item.eventName || 'click'] = (e) => {
|
|
69
72
|
const { modalConfirm } = item
|
|
70
|
-
if (this.preventModalConfirm(modalConfirm))
|
|
73
|
+
if (this.preventModalConfirm(modalConfirm)) {
|
|
74
|
+
this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })
|
|
75
|
+
return
|
|
76
|
+
}
|
|
71
77
|
if (modalConfirm) {
|
|
72
78
|
this.modalConfirmMeta = modalConfirm
|
|
73
79
|
this.modalConfirmValue = true
|