@idooel/components 0.0.1-beta.50 → 0.0.1-beta.51
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.
|
@@ -4168,10 +4168,14 @@ var __vue_render__$p = function () {
|
|
|
4168
4168
|
rawName: "v-decorator",
|
|
4169
4169
|
value: [
|
|
4170
4170
|
ele.name,
|
|
4171
|
-
{
|
|
4171
|
+
{
|
|
4172
|
+
rules: _vm.rebuildRules(
|
|
4173
|
+
ele.rules
|
|
4174
|
+
),
|
|
4175
|
+
},
|
|
4172
4176
|
],
|
|
4173
4177
|
expression:
|
|
4174
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4178
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4175
4179
|
},
|
|
4176
4180
|
],
|
|
4177
4181
|
staticStyle: { width: "100%" },
|
|
@@ -4207,10 +4211,14 @@ var __vue_render__$p = function () {
|
|
|
4207
4211
|
rawName: "v-decorator",
|
|
4208
4212
|
value: [
|
|
4209
4213
|
ele.name,
|
|
4210
|
-
{
|
|
4214
|
+
{
|
|
4215
|
+
rules: _vm.rebuildRules(
|
|
4216
|
+
ele.rules
|
|
4217
|
+
),
|
|
4218
|
+
},
|
|
4211
4219
|
],
|
|
4212
4220
|
expression:
|
|
4213
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4221
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4214
4222
|
},
|
|
4215
4223
|
],
|
|
4216
4224
|
staticStyle: { width: "100%" },
|
|
@@ -4247,10 +4255,14 @@ var __vue_render__$p = function () {
|
|
|
4247
4255
|
rawName: "v-decorator",
|
|
4248
4256
|
value: [
|
|
4249
4257
|
ele.name,
|
|
4250
|
-
{
|
|
4258
|
+
{
|
|
4259
|
+
rules: _vm.rebuildRules(
|
|
4260
|
+
ele.rules
|
|
4261
|
+
),
|
|
4262
|
+
},
|
|
4251
4263
|
],
|
|
4252
4264
|
expression:
|
|
4253
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4265
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4254
4266
|
},
|
|
4255
4267
|
],
|
|
4256
4268
|
staticStyle: { width: "100%" },
|
|
@@ -4276,10 +4288,14 @@ var __vue_render__$p = function () {
|
|
|
4276
4288
|
rawName: "v-decorator",
|
|
4277
4289
|
value: [
|
|
4278
4290
|
ele.name,
|
|
4279
|
-
{
|
|
4291
|
+
{
|
|
4292
|
+
rules: _vm.rebuildRules(
|
|
4293
|
+
ele.rules
|
|
4294
|
+
),
|
|
4295
|
+
},
|
|
4280
4296
|
],
|
|
4281
4297
|
expression:
|
|
4282
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4298
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4283
4299
|
},
|
|
4284
4300
|
],
|
|
4285
4301
|
staticStyle: { width: "100%" },
|
|
@@ -4306,10 +4322,14 @@ var __vue_render__$p = function () {
|
|
|
4306
4322
|
rawName: "v-decorator",
|
|
4307
4323
|
value: [
|
|
4308
4324
|
ele.name,
|
|
4309
|
-
{
|
|
4325
|
+
{
|
|
4326
|
+
rules: _vm.rebuildRules(
|
|
4327
|
+
ele.rules
|
|
4328
|
+
),
|
|
4329
|
+
},
|
|
4310
4330
|
],
|
|
4311
4331
|
expression:
|
|
4312
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4332
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4313
4333
|
},
|
|
4314
4334
|
],
|
|
4315
4335
|
staticStyle: { width: "100%" },
|
|
@@ -4341,10 +4361,14 @@ var __vue_render__$p = function () {
|
|
|
4341
4361
|
rawName: "v-decorator",
|
|
4342
4362
|
value: [
|
|
4343
4363
|
ele.name,
|
|
4344
|
-
{
|
|
4364
|
+
{
|
|
4365
|
+
rules: _vm.rebuildRules(
|
|
4366
|
+
ele.rules
|
|
4367
|
+
),
|
|
4368
|
+
},
|
|
4345
4369
|
],
|
|
4346
4370
|
expression:
|
|
4347
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4371
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4348
4372
|
},
|
|
4349
4373
|
],
|
|
4350
4374
|
staticStyle: { width: "100%" },
|
|
@@ -4369,10 +4393,14 @@ var __vue_render__$p = function () {
|
|
|
4369
4393
|
rawName: "v-decorator",
|
|
4370
4394
|
value: [
|
|
4371
4395
|
ele.name,
|
|
4372
|
-
{
|
|
4396
|
+
{
|
|
4397
|
+
rules: _vm.rebuildRules(
|
|
4398
|
+
ele.rules
|
|
4399
|
+
),
|
|
4400
|
+
},
|
|
4373
4401
|
],
|
|
4374
4402
|
expression:
|
|
4375
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4403
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4376
4404
|
},
|
|
4377
4405
|
],
|
|
4378
4406
|
staticStyle: { width: "100%" },
|
|
@@ -4410,10 +4438,14 @@ var __vue_render__$p = function () {
|
|
|
4410
4438
|
rawName: "v-decorator",
|
|
4411
4439
|
value: [
|
|
4412
4440
|
ele.name,
|
|
4413
|
-
{
|
|
4441
|
+
{
|
|
4442
|
+
rules: _vm.rebuildRules(
|
|
4443
|
+
ele.rules
|
|
4444
|
+
),
|
|
4445
|
+
},
|
|
4414
4446
|
],
|
|
4415
4447
|
expression:
|
|
4416
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4448
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4417
4449
|
},
|
|
4418
4450
|
],
|
|
4419
4451
|
staticStyle: { width: "100%" },
|
|
@@ -4441,10 +4473,14 @@ var __vue_render__$p = function () {
|
|
|
4441
4473
|
rawName: "v-decorator",
|
|
4442
4474
|
value: [
|
|
4443
4475
|
ele.name,
|
|
4444
|
-
{
|
|
4476
|
+
{
|
|
4477
|
+
rules: _vm.rebuildRules(
|
|
4478
|
+
ele.rules
|
|
4479
|
+
),
|
|
4480
|
+
},
|
|
4445
4481
|
],
|
|
4446
4482
|
expression:
|
|
4447
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4483
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4448
4484
|
},
|
|
4449
4485
|
],
|
|
4450
4486
|
staticStyle: { width: "100%" },
|
|
@@ -4487,11 +4523,11 @@ __vue_render__$p._withStripped = true;
|
|
|
4487
4523
|
/* style */
|
|
4488
4524
|
const __vue_inject_styles__$p = function (inject) {
|
|
4489
4525
|
if (!inject) return
|
|
4490
|
-
inject("data-v-
|
|
4526
|
+
inject("data-v-3a3ef85c_0", { source: ".ele__form--wrapper[data-v-3a3ef85c] {\n background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form\\src\\index.vue","index.vue"],"names":[],"mappings":"AAkPA;EACA,gBAAA;ACjPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <div class=\"ele__form--wrapper\">\r\n <a-form :form=\"form\" layout=\"vertical\" class=\"ant-advanced-search-form\">\r\n <a-row :gutter=\"24\">\r\n <template v-for=\"ele in elements\">\r\n <a-col v-if=\"executeExpression(ele._show)\" :span=\"ele.span\" :key=\"ele.name\">\r\n <template v-if=\"ele.type == 'Input'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-input \r\n @change=\"onChange($event, ele)\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n :max-length=\"ele.maxLength\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-input>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Textarea'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-textarea \r\n @change=\"onChange($event, ele)\"\r\n :max-length=\"ele.maxLength\"\r\n :autosize=\"ele.autosize\"\r\n :disabled=\"executeExpression(ele._disabled)\"\r\n :allow-clear=\"ele.allowClear\"\r\n :placeholder=\"ele.placeholder\"\r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\"\r\n style=\"width:100%;\">\r\n </ele-textarea>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Select'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-select \r\n :data-source=\"ele.optionList\" \r\n :disabled=\"executeExpression(ele._disabled)\"\r\n :multiple=\"ele.multiple\"\r\n :mode=\"ele.mode\"\r\n :code=\"ele.code\" \r\n :params=\"ele.params\" \r\n @change=\"onChange($event, ele)\"\r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-select>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-upload'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-upload v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n :ext=\"ele.ext\" \r\n :message=\"ele.message\" \r\n style=\"width:100%;\">\r\n </ele-upload>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-date-range'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-date-range \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-date-range>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-date'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-date\r\n :format=\"ele.format\"\r\n :mode=\"ele.mode\"\r\n :show-time=\"ele.showTime\"\r\n :show-today=\"ele.showToday\"\r\n :value-format=\"ele.valueFormat\"\r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-date>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'SelectEntity'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-select-entity \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-select-entity>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'InputNumber'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-input-number \r\n @change=\"onChange($event, ele)\" \r\n :precision=\"ele.precision\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n v-bind=\"ele.props\" \r\n style=\"width:100%;\">\r\n </ele-input-number>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Checkbox'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-checkbox \r\n :data-source=\"ele.optionList\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-checkbox>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Radio'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-radio \r\n @change=\"onChange($event, ele)\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n :data-source=\"ele.optionList\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-radio>\r\n </a-form-item>\r\n </template>\r\n </a-col>\r\n </template>\r\n </a-row>\r\n </a-form>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { parse } from '@idooel/expression'\r\nimport { type } from '@idooel/shared'\r\nexport default {\r\n name: 'ele-form',\r\n props: {\r\n disabled: {\r\n type: [Boolean, String],\r\n default: '_routeMeta.disabled'\r\n },\r\n formName: {\r\n type: [Number, String],\r\n default: 'coordinated'\r\n },\r\n elements: {\r\n type: Array,\r\n default: () => []\r\n }\r\n },\r\n data () {\r\n return {}\r\n },\r\n computed: {\r\n globalDisabled () {\r\n return this.executeExpression(this.disabled)\r\n },\r\n form () {\r\n return this.$form.createForm(this, { name: this.formName })\r\n },\r\n exposedMethods () {\r\n return {\r\n setFieldsValue: this.setFieldsValue,\r\n getFieldsValue: this.getFieldsValue\r\n }\r\n }\r\n },\r\n methods: {\r\n rebuildRules (rules) {\r\n //TODO\r\n rules.map(rule => {\r\n const { validator } = rule\r\n if (validator) {\r\n validator.formModel = this.getFieldsValue()\r\n validator.exposed = this.exposedMethods\r\n }\r\n })\r\n return rules\r\n },\r\n dispatchExpression () {\r\n this.evalDisabledExpression()\r\n this.evalShowExpression()\r\n },\r\n evalDisabledExpression () {\r\n this.elements.forEach(ele => {\r\n if (this.globalDisabled) return this.$set(ele, '_disabled', true)\r\n const { disabled } = ele\r\n const ret = this.executeExpression(disabled)\r\n this.$set(ele, '_disabled', ret)\r\n })\r\n },\r\n evalShowExpression () {\r\n this.elements.forEach(ele => {\r\n const { show = true } = ele\r\n const ret = this.executeExpression(show)\r\n this.$set(ele, '_show', ret)\r\n })\r\n },\r\n executeExpression (expression) {\r\n if (type.isBool(expression)) return expression\r\n if (type.isEmpty(expression)) return false\r\n return parse(expression, { ...this.getFieldsValue(), _route: this.$route.query, _routeMeta: this.$route.meta })\r\n },\r\n onChange (value, props) {\r\n const { name } = props\r\n this.setFieldsValue({ [name]: value })\r\n this.dispatchExpression()\r\n this.$emit('change', { value, props, exposed: { ...this.exposedMethods } })\r\n },\r\n collectDefaultValues () {\r\n const ret = this.elements.reduce((ret, props) => {\r\n const { name, defaultValue } = props\r\n if (defaultValue) {\r\n ret[name] = defaultValue\r\n }\r\n return ret\r\n }, {})\r\n return ret\r\n },\r\n setDefaultValues () {\r\n const defaultValues = this.collectDefaultValues()\r\n this.setFieldsValue(defaultValues)\r\n },\r\n validateFields () {\r\n let ret = false\r\n this.form.validateFields((error, values) => {\r\n ret = !error\r\n })\r\n return ret\r\n },\r\n setFieldsValue (props = {}) {\r\n this.form.setFieldsValue(props)\r\n },\r\n getFieldsValue () {\r\n return this.form.getFieldsValue()\r\n }\r\n },\r\n mounted() {\r\n this.dispatchExpression()\r\n this.$nextTick(() => {\r\n this.setDefaultValues()\r\n })\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele__form--wrapper {\r\n background: #fff;\r\n .ant-form-item {\r\n }\r\n}\r\n</style>",".ele__form--wrapper {\n background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
4491
4527
|
|
|
4492
4528
|
};
|
|
4493
4529
|
/* scoped */
|
|
4494
|
-
const __vue_scope_id__$p = "data-v-
|
|
4530
|
+
const __vue_scope_id__$p = "data-v-3a3ef85c";
|
|
4495
4531
|
/* module identifier */
|
|
4496
4532
|
const __vue_module_identifier__$p = undefined;
|
|
4497
4533
|
/* functional template */
|
|
@@ -11981,9 +12017,10 @@ var script$3 = {
|
|
|
11981
12017
|
};
|
|
11982
12018
|
},
|
|
11983
12019
|
overrideEvents() {
|
|
12020
|
+
if (!this.buttonGroupMeta) return {};
|
|
11984
12021
|
const {
|
|
11985
12022
|
elements = []
|
|
11986
|
-
} = this.buttonGroupMeta
|
|
12023
|
+
} = this.buttonGroupMeta;
|
|
11987
12024
|
const events = elements.reduce((ret, ele) => {
|
|
11988
12025
|
ret[ele.eventName || 'click'] = e => {
|
|
11989
12026
|
this.$emit(ele.eventName || 'click', {
|
|
@@ -12049,12 +12086,12 @@ __vue_render__$3._withStripped = true;
|
|
|
12049
12086
|
/* style */
|
|
12050
12087
|
const __vue_inject_styles__$3 = function (inject) {
|
|
12051
12088
|
if (!inject) return
|
|
12052
|
-
inject("data-v-
|
|
12053
|
-
,inject("data-v-
|
|
12089
|
+
inject("data-v-4157e49e_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\n}\n.margin-t-8 {\n margin-top: 8px;\n}\n:root {\n --idooel-primary-color: #1890FF;\n --idoole-black-02: rgba(0, 0, 0, 0.04);\n --idoole-black-06: rgba(0, 0, 0, 0.44);\n --idoole-black-07: rgba(0, 0, 0, 0.64);\n --idoole-black-064: rgba(0, 0, 0, 0.64);\n --idoole-black-088: rgba(0, 0, 0, 0.88);\n --idoole-black-016: rgba(0, 0, 0, 0.16);\n --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n --idoole-success-06: #52C41A;\n --idoole-warning-06: #FAAD14;\n --idoole-error-06: #F5222D;\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\n --idooel-row-even-color: #F0FAFF;\n --idooel-row-odd-color: #FFF;\n --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n --idooel-form-upload-border-hover-color: #40A9FF;\n --idooel-form-border-radius: 2px;\n --idooel-form-border-err-color: #F5222D;\n --idooel-link-06: #1890FF;\n --idooel-link-03: #91D5FF;\n --idooel-img-crop-err-color: #FFA39E;\n}\n.ant-input-disabled {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n.ant-select-disabled .ant-select-selection {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,mDAAmD;EACnD,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;EAC1B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,gCAAgC;EAChC,4BAA4B;EAC5B,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,4DAA4D;AAC9D;AAEA;EACE,4DAA4D;AAC9D;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\n}\n\n.margin-t-8 {\n margin-top: 8px;\n}\n\n:root {\n --idooel-primary-color: #1890FF;\n --idoole-black-02: rgba(0, 0, 0, 0.04);\n --idoole-black-06: rgba(0, 0, 0, 0.44);\n --idoole-black-07: rgba(0, 0, 0, 0.64);\n --idoole-black-064: rgba(0, 0, 0, 0.64);\n --idoole-black-088: rgba(0, 0, 0, 0.88);\n --idoole-black-016: rgba(0, 0, 0, 0.16);\n --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n --idoole-success-06: #52C41A;\n --idoole-warning-06: #FAAD14;\n --idoole-error-06: #F5222D;\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\n --idooel-row-even-color: #F0FAFF;\n --idooel-row-odd-color: #FFF;\n --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n --idooel-form-upload-border-hover-color: #40A9FF;\n --idooel-form-border-radius: 2px;\n --idooel-form-border-err-color: #F5222D;\n --idooel-link-06: #1890FF;\n --idooel-link-03: #91D5FF;\n --idooel-img-crop-err-color: #FFA39E;\n}\n\n.ant-input-disabled {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n.ant-select-disabled .ant-select-selection {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
|
|
12090
|
+
,inject("data-v-4157e49e_1", { source: ".ele-modal-confirm__content[data-v-4157e49e] {\n margin-top: 8px;\n color: var(--idoole-black-088);\n font-size: 14px;\n line-height: 22px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\modal-confirm\\src\\index.vue","index.vue"],"names":[],"mappings":"AAkGA;EACA,eAAA;EACA,8BAAA;EACA,eAAA;EACA,iBAAA;ACjGA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <ele-modal :title=\"title\" :value=\"value\" :size=\"size\" @cancel=\"onCancel\" v-on=\"overrideEvents\" :buttonGroupMeta=\"buttonGroupMeta\">\r\n <ele-alert v-bind=\"alert\"></ele-alert>\r\n <div v-if=\"contentText\" class=\"ele-modal-confirm__content\">\r\n {{ contentText }}\r\n </div>\r\n </ele-modal>\r\n</template>\r\n\r\n<script>\r\nimport { CONTEXT } from '../../../utils'\r\nexport default {\r\n name: 'ele-modal-confirm',\r\n model: {\r\n event: 'change',\r\n prop: 'value'\r\n },\r\n props: {\r\n title: {\r\n type: String\r\n },\r\n size: {\r\n type: String,\r\n default: 'small'\r\n },\r\n alert: {\r\n type: Object,\r\n default: () => ({\r\n type: 'warning',\r\n message: '确定要删除吗？',\r\n description: '删除后将无法恢复',\r\n closable: false\r\n })\r\n },\r\n contentText: {\r\n type: String\r\n },\r\n value: {\r\n type: Boolean,\r\n default: false\r\n },\r\n buttonGroupMeta: {\r\n type: Object\r\n },\r\n //!deprecated\r\n contextProp: {\r\n type: Object,\r\n default: () => ({})\r\n }\r\n },\r\n inject: {\r\n [CONTEXT]: {\r\n default: () => (() => ({}))\r\n }\r\n },\r\n data () {\r\n return {}\r\n },\r\n computed: {\r\n currentContext () {\r\n const { exposed: exposedData = {} } = this[CONTEXT]()\r\n const exposed = Object.assign({}, exposedData, { closeModalConfirm: this.closeModalConfirm })\r\n return {\r\n _route: this.$route.query,\r\n _routeMeta: this.$route.meta,\r\n ...this[CONTEXT](),\r\n exposed\r\n }\r\n },\r\n overrideEvents () {\r\n if (!this.buttonGroupMeta) return {}\r\n const { elements = [] } = this.buttonGroupMeta\r\n const events = elements.reduce((ret, ele) =>{\r\n ret[ele.eventName || 'click'] = (e) => {\r\n this.$emit(ele.eventName || 'click', { ...e, ...this.currentContext })\r\n }\r\n return ret\r\n }, {})\r\n return {\r\n ...this.$listeners,\r\n ...events\r\n }\r\n }\r\n },\r\n methods: {\r\n closeModalConfirm () {\r\n this.$emit('change', false)\r\n },\r\n onCancel () {\r\n this.$emit('change', false)\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '../../../theme/index';\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.ele-modal-confirm__content {\r\n margin-top: 8px;\r\n color: var(--idoole-black-088);\r\n font-size: 14px;\r\n line-height: 22px;\r\n}\r\n</style>",".ele-modal-confirm__content {\n margin-top: 8px;\n color: var(--idoole-black-088);\n font-size: 14px;\n line-height: 22px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
12054
12091
|
|
|
12055
12092
|
};
|
|
12056
12093
|
/* scoped */
|
|
12057
|
-
const __vue_scope_id__$3 = "data-v-
|
|
12094
|
+
const __vue_scope_id__$3 = "data-v-4157e49e";
|
|
12058
12095
|
/* module identifier */
|
|
12059
12096
|
const __vue_module_identifier__$3 = undefined;
|
|
12060
12097
|
/* functional template */
|
|
@@ -4175,10 +4175,14 @@
|
|
|
4175
4175
|
rawName: "v-decorator",
|
|
4176
4176
|
value: [
|
|
4177
4177
|
ele.name,
|
|
4178
|
-
{
|
|
4178
|
+
{
|
|
4179
|
+
rules: _vm.rebuildRules(
|
|
4180
|
+
ele.rules
|
|
4181
|
+
),
|
|
4182
|
+
},
|
|
4179
4183
|
],
|
|
4180
4184
|
expression:
|
|
4181
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4185
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4182
4186
|
},
|
|
4183
4187
|
],
|
|
4184
4188
|
staticStyle: { width: "100%" },
|
|
@@ -4214,10 +4218,14 @@
|
|
|
4214
4218
|
rawName: "v-decorator",
|
|
4215
4219
|
value: [
|
|
4216
4220
|
ele.name,
|
|
4217
|
-
{
|
|
4221
|
+
{
|
|
4222
|
+
rules: _vm.rebuildRules(
|
|
4223
|
+
ele.rules
|
|
4224
|
+
),
|
|
4225
|
+
},
|
|
4218
4226
|
],
|
|
4219
4227
|
expression:
|
|
4220
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4228
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4221
4229
|
},
|
|
4222
4230
|
],
|
|
4223
4231
|
staticStyle: { width: "100%" },
|
|
@@ -4254,10 +4262,14 @@
|
|
|
4254
4262
|
rawName: "v-decorator",
|
|
4255
4263
|
value: [
|
|
4256
4264
|
ele.name,
|
|
4257
|
-
{
|
|
4265
|
+
{
|
|
4266
|
+
rules: _vm.rebuildRules(
|
|
4267
|
+
ele.rules
|
|
4268
|
+
),
|
|
4269
|
+
},
|
|
4258
4270
|
],
|
|
4259
4271
|
expression:
|
|
4260
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4272
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4261
4273
|
},
|
|
4262
4274
|
],
|
|
4263
4275
|
staticStyle: { width: "100%" },
|
|
@@ -4283,10 +4295,14 @@
|
|
|
4283
4295
|
rawName: "v-decorator",
|
|
4284
4296
|
value: [
|
|
4285
4297
|
ele.name,
|
|
4286
|
-
{
|
|
4298
|
+
{
|
|
4299
|
+
rules: _vm.rebuildRules(
|
|
4300
|
+
ele.rules
|
|
4301
|
+
),
|
|
4302
|
+
},
|
|
4287
4303
|
],
|
|
4288
4304
|
expression:
|
|
4289
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4305
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4290
4306
|
},
|
|
4291
4307
|
],
|
|
4292
4308
|
staticStyle: { width: "100%" },
|
|
@@ -4313,10 +4329,14 @@
|
|
|
4313
4329
|
rawName: "v-decorator",
|
|
4314
4330
|
value: [
|
|
4315
4331
|
ele.name,
|
|
4316
|
-
{
|
|
4332
|
+
{
|
|
4333
|
+
rules: _vm.rebuildRules(
|
|
4334
|
+
ele.rules
|
|
4335
|
+
),
|
|
4336
|
+
},
|
|
4317
4337
|
],
|
|
4318
4338
|
expression:
|
|
4319
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4339
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4320
4340
|
},
|
|
4321
4341
|
],
|
|
4322
4342
|
staticStyle: { width: "100%" },
|
|
@@ -4348,10 +4368,14 @@
|
|
|
4348
4368
|
rawName: "v-decorator",
|
|
4349
4369
|
value: [
|
|
4350
4370
|
ele.name,
|
|
4351
|
-
{
|
|
4371
|
+
{
|
|
4372
|
+
rules: _vm.rebuildRules(
|
|
4373
|
+
ele.rules
|
|
4374
|
+
),
|
|
4375
|
+
},
|
|
4352
4376
|
],
|
|
4353
4377
|
expression:
|
|
4354
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4378
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4355
4379
|
},
|
|
4356
4380
|
],
|
|
4357
4381
|
staticStyle: { width: "100%" },
|
|
@@ -4376,10 +4400,14 @@
|
|
|
4376
4400
|
rawName: "v-decorator",
|
|
4377
4401
|
value: [
|
|
4378
4402
|
ele.name,
|
|
4379
|
-
{
|
|
4403
|
+
{
|
|
4404
|
+
rules: _vm.rebuildRules(
|
|
4405
|
+
ele.rules
|
|
4406
|
+
),
|
|
4407
|
+
},
|
|
4380
4408
|
],
|
|
4381
4409
|
expression:
|
|
4382
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4410
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4383
4411
|
},
|
|
4384
4412
|
],
|
|
4385
4413
|
staticStyle: { width: "100%" },
|
|
@@ -4417,10 +4445,14 @@
|
|
|
4417
4445
|
rawName: "v-decorator",
|
|
4418
4446
|
value: [
|
|
4419
4447
|
ele.name,
|
|
4420
|
-
{
|
|
4448
|
+
{
|
|
4449
|
+
rules: _vm.rebuildRules(
|
|
4450
|
+
ele.rules
|
|
4451
|
+
),
|
|
4452
|
+
},
|
|
4421
4453
|
],
|
|
4422
4454
|
expression:
|
|
4423
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4455
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4424
4456
|
},
|
|
4425
4457
|
],
|
|
4426
4458
|
staticStyle: { width: "100%" },
|
|
@@ -4448,10 +4480,14 @@
|
|
|
4448
4480
|
rawName: "v-decorator",
|
|
4449
4481
|
value: [
|
|
4450
4482
|
ele.name,
|
|
4451
|
-
{
|
|
4483
|
+
{
|
|
4484
|
+
rules: _vm.rebuildRules(
|
|
4485
|
+
ele.rules
|
|
4486
|
+
),
|
|
4487
|
+
},
|
|
4452
4488
|
],
|
|
4453
4489
|
expression:
|
|
4454
|
-
"[ele.name, { rules: ele.rules }]",
|
|
4490
|
+
"[ele.name, { rules: rebuildRules(ele.rules) }]",
|
|
4455
4491
|
},
|
|
4456
4492
|
],
|
|
4457
4493
|
staticStyle: { width: "100%" },
|
|
@@ -4494,11 +4530,11 @@
|
|
|
4494
4530
|
/* style */
|
|
4495
4531
|
const __vue_inject_styles__$p = function (inject) {
|
|
4496
4532
|
if (!inject) return
|
|
4497
|
-
inject("data-v-
|
|
4533
|
+
inject("data-v-3a3ef85c_0", { source: ".ele__form--wrapper[data-v-3a3ef85c] {\n background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form\\src\\index.vue","index.vue"],"names":[],"mappings":"AAkPA;EACA,gBAAA;ACjPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <div class=\"ele__form--wrapper\">\r\n <a-form :form=\"form\" layout=\"vertical\" class=\"ant-advanced-search-form\">\r\n <a-row :gutter=\"24\">\r\n <template v-for=\"ele in elements\">\r\n <a-col v-if=\"executeExpression(ele._show)\" :span=\"ele.span\" :key=\"ele.name\">\r\n <template v-if=\"ele.type == 'Input'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-input \r\n @change=\"onChange($event, ele)\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n :max-length=\"ele.maxLength\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-input>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Textarea'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-textarea \r\n @change=\"onChange($event, ele)\"\r\n :max-length=\"ele.maxLength\"\r\n :autosize=\"ele.autosize\"\r\n :disabled=\"executeExpression(ele._disabled)\"\r\n :allow-clear=\"ele.allowClear\"\r\n :placeholder=\"ele.placeholder\"\r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\"\r\n style=\"width:100%;\">\r\n </ele-textarea>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Select'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-select \r\n :data-source=\"ele.optionList\" \r\n :disabled=\"executeExpression(ele._disabled)\"\r\n :multiple=\"ele.multiple\"\r\n :mode=\"ele.mode\"\r\n :code=\"ele.code\" \r\n :params=\"ele.params\" \r\n @change=\"onChange($event, ele)\"\r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-select>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-upload'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-upload v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n :ext=\"ele.ext\" \r\n :message=\"ele.message\" \r\n style=\"width:100%;\">\r\n </ele-upload>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-date-range'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-date-range \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-date-range>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'ele-date'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-date\r\n :format=\"ele.format\"\r\n :mode=\"ele.mode\"\r\n :show-time=\"ele.showTime\"\r\n :show-today=\"ele.showToday\"\r\n :value-format=\"ele.valueFormat\"\r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-date>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'SelectEntity'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-select-entity \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-select-entity>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'InputNumber'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-input-number \r\n @change=\"onChange($event, ele)\" \r\n :precision=\"ele.precision\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n v-bind=\"ele.props\" \r\n style=\"width:100%;\">\r\n </ele-input-number>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Checkbox'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-checkbox \r\n :data-source=\"ele.optionList\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-checkbox>\r\n </a-form-item>\r\n </template>\r\n <template v-else-if=\"ele.type == 'Radio'\">\r\n <a-form-item :label=\"`${ele.label}：`\">\r\n <ele-radio \r\n @change=\"onChange($event, ele)\" \r\n :disabled=\"executeExpression(ele._disabled)\" \r\n :data-source=\"ele.optionList\" \r\n v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \r\n style=\"width:100%;\">\r\n </ele-radio>\r\n </a-form-item>\r\n </template>\r\n </a-col>\r\n </template>\r\n </a-row>\r\n </a-form>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { parse } from '@idooel/expression'\r\nimport { type } from '@idooel/shared'\r\nexport default {\r\n name: 'ele-form',\r\n props: {\r\n disabled: {\r\n type: [Boolean, String],\r\n default: '_routeMeta.disabled'\r\n },\r\n formName: {\r\n type: [Number, String],\r\n default: 'coordinated'\r\n },\r\n elements: {\r\n type: Array,\r\n default: () => []\r\n }\r\n },\r\n data () {\r\n return {}\r\n },\r\n computed: {\r\n globalDisabled () {\r\n return this.executeExpression(this.disabled)\r\n },\r\n form () {\r\n return this.$form.createForm(this, { name: this.formName })\r\n },\r\n exposedMethods () {\r\n return {\r\n setFieldsValue: this.setFieldsValue,\r\n getFieldsValue: this.getFieldsValue\r\n }\r\n }\r\n },\r\n methods: {\r\n rebuildRules (rules) {\r\n //TODO\r\n rules.map(rule => {\r\n const { validator } = rule\r\n if (validator) {\r\n validator.formModel = this.getFieldsValue()\r\n validator.exposed = this.exposedMethods\r\n }\r\n })\r\n return rules\r\n },\r\n dispatchExpression () {\r\n this.evalDisabledExpression()\r\n this.evalShowExpression()\r\n },\r\n evalDisabledExpression () {\r\n this.elements.forEach(ele => {\r\n if (this.globalDisabled) return this.$set(ele, '_disabled', true)\r\n const { disabled } = ele\r\n const ret = this.executeExpression(disabled)\r\n this.$set(ele, '_disabled', ret)\r\n })\r\n },\r\n evalShowExpression () {\r\n this.elements.forEach(ele => {\r\n const { show = true } = ele\r\n const ret = this.executeExpression(show)\r\n this.$set(ele, '_show', ret)\r\n })\r\n },\r\n executeExpression (expression) {\r\n if (type.isBool(expression)) return expression\r\n if (type.isEmpty(expression)) return false\r\n return parse(expression, { ...this.getFieldsValue(), _route: this.$route.query, _routeMeta: this.$route.meta })\r\n },\r\n onChange (value, props) {\r\n const { name } = props\r\n this.setFieldsValue({ [name]: value })\r\n this.dispatchExpression()\r\n this.$emit('change', { value, props, exposed: { ...this.exposedMethods } })\r\n },\r\n collectDefaultValues () {\r\n const ret = this.elements.reduce((ret, props) => {\r\n const { name, defaultValue } = props\r\n if (defaultValue) {\r\n ret[name] = defaultValue\r\n }\r\n return ret\r\n }, {})\r\n return ret\r\n },\r\n setDefaultValues () {\r\n const defaultValues = this.collectDefaultValues()\r\n this.setFieldsValue(defaultValues)\r\n },\r\n validateFields () {\r\n let ret = false\r\n this.form.validateFields((error, values) => {\r\n ret = !error\r\n })\r\n return ret\r\n },\r\n setFieldsValue (props = {}) {\r\n this.form.setFieldsValue(props)\r\n },\r\n getFieldsValue () {\r\n return this.form.getFieldsValue()\r\n }\r\n },\r\n mounted() {\r\n this.dispatchExpression()\r\n this.$nextTick(() => {\r\n this.setDefaultValues()\r\n })\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele__form--wrapper {\r\n background: #fff;\r\n .ant-form-item {\r\n }\r\n}\r\n</style>",".ele__form--wrapper {\n background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
4498
4534
|
|
|
4499
4535
|
};
|
|
4500
4536
|
/* scoped */
|
|
4501
|
-
const __vue_scope_id__$p = "data-v-
|
|
4537
|
+
const __vue_scope_id__$p = "data-v-3a3ef85c";
|
|
4502
4538
|
/* module identifier */
|
|
4503
4539
|
const __vue_module_identifier__$p = undefined;
|
|
4504
4540
|
/* functional template */
|
|
@@ -11988,9 +12024,10 @@
|
|
|
11988
12024
|
};
|
|
11989
12025
|
},
|
|
11990
12026
|
overrideEvents() {
|
|
12027
|
+
if (!this.buttonGroupMeta) return {};
|
|
11991
12028
|
const {
|
|
11992
12029
|
elements = []
|
|
11993
|
-
} = this.buttonGroupMeta
|
|
12030
|
+
} = this.buttonGroupMeta;
|
|
11994
12031
|
const events = elements.reduce((ret, ele) => {
|
|
11995
12032
|
ret[ele.eventName || 'click'] = e => {
|
|
11996
12033
|
this.$emit(ele.eventName || 'click', {
|
|
@@ -12056,12 +12093,12 @@
|
|
|
12056
12093
|
/* style */
|
|
12057
12094
|
const __vue_inject_styles__$3 = function (inject) {
|
|
12058
12095
|
if (!inject) return
|
|
12059
|
-
inject("data-v-
|
|
12060
|
-
,inject("data-v-
|
|
12096
|
+
inject("data-v-4157e49e_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\n}\n.margin-t-8 {\n margin-top: 8px;\n}\n:root {\n --idooel-primary-color: #1890FF;\n --idoole-black-02: rgba(0, 0, 0, 0.04);\n --idoole-black-06: rgba(0, 0, 0, 0.44);\n --idoole-black-07: rgba(0, 0, 0, 0.64);\n --idoole-black-064: rgba(0, 0, 0, 0.64);\n --idoole-black-088: rgba(0, 0, 0, 0.88);\n --idoole-black-016: rgba(0, 0, 0, 0.16);\n --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n --idoole-success-06: #52C41A;\n --idoole-warning-06: #FAAD14;\n --idoole-error-06: #F5222D;\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\n --idooel-row-even-color: #F0FAFF;\n --idooel-row-odd-color: #FFF;\n --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n --idooel-form-upload-border-hover-color: #40A9FF;\n --idooel-form-border-radius: 2px;\n --idooel-form-border-err-color: #F5222D;\n --idooel-link-06: #1890FF;\n --idooel-link-03: #91D5FF;\n --idooel-img-crop-err-color: #FFA39E;\n}\n.ant-input-disabled {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n.ant-select-disabled .ant-select-selection {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,mDAAmD;EACnD,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;EAC1B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,gCAAgC;EAChC,4BAA4B;EAC5B,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,4DAA4D;AAC9D;AAEA;EACE,4DAA4D;AAC9D;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\n}\n\n.margin-t-8 {\n margin-top: 8px;\n}\n\n:root {\n --idooel-primary-color: #1890FF;\n --idoole-black-02: rgba(0, 0, 0, 0.04);\n --idoole-black-06: rgba(0, 0, 0, 0.44);\n --idoole-black-07: rgba(0, 0, 0, 0.64);\n --idoole-black-064: rgba(0, 0, 0, 0.64);\n --idoole-black-088: rgba(0, 0, 0, 0.88);\n --idoole-black-016: rgba(0, 0, 0, 0.16);\n --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n --idoole-success-06: #52C41A;\n --idoole-warning-06: #FAAD14;\n --idoole-error-06: #F5222D;\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\n --idooel-row-even-color: #F0FAFF;\n --idooel-row-odd-color: #FFF;\n --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n --idooel-form-upload-border-hover-color: #40A9FF;\n --idooel-form-border-radius: 2px;\n --idooel-form-border-err-color: #F5222D;\n --idooel-link-06: #1890FF;\n --idooel-link-03: #91D5FF;\n --idooel-img-crop-err-color: #FFA39E;\n}\n\n.ant-input-disabled {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n.ant-select-disabled .ant-select-selection {\n border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
|
|
12097
|
+
,inject("data-v-4157e49e_1", { source: ".ele-modal-confirm__content[data-v-4157e49e] {\n margin-top: 8px;\n color: var(--idoole-black-088);\n font-size: 14px;\n line-height: 22px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\modal-confirm\\src\\index.vue","index.vue"],"names":[],"mappings":"AAkGA;EACA,eAAA;EACA,8BAAA;EACA,eAAA;EACA,iBAAA;ACjGA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <ele-modal :title=\"title\" :value=\"value\" :size=\"size\" @cancel=\"onCancel\" v-on=\"overrideEvents\" :buttonGroupMeta=\"buttonGroupMeta\">\r\n <ele-alert v-bind=\"alert\"></ele-alert>\r\n <div v-if=\"contentText\" class=\"ele-modal-confirm__content\">\r\n {{ contentText }}\r\n </div>\r\n </ele-modal>\r\n</template>\r\n\r\n<script>\r\nimport { CONTEXT } from '../../../utils'\r\nexport default {\r\n name: 'ele-modal-confirm',\r\n model: {\r\n event: 'change',\r\n prop: 'value'\r\n },\r\n props: {\r\n title: {\r\n type: String\r\n },\r\n size: {\r\n type: String,\r\n default: 'small'\r\n },\r\n alert: {\r\n type: Object,\r\n default: () => ({\r\n type: 'warning',\r\n message: '确定要删除吗？',\r\n description: '删除后将无法恢复',\r\n closable: false\r\n })\r\n },\r\n contentText: {\r\n type: String\r\n },\r\n value: {\r\n type: Boolean,\r\n default: false\r\n },\r\n buttonGroupMeta: {\r\n type: Object\r\n },\r\n //!deprecated\r\n contextProp: {\r\n type: Object,\r\n default: () => ({})\r\n }\r\n },\r\n inject: {\r\n [CONTEXT]: {\r\n default: () => (() => ({}))\r\n }\r\n },\r\n data () {\r\n return {}\r\n },\r\n computed: {\r\n currentContext () {\r\n const { exposed: exposedData = {} } = this[CONTEXT]()\r\n const exposed = Object.assign({}, exposedData, { closeModalConfirm: this.closeModalConfirm })\r\n return {\r\n _route: this.$route.query,\r\n _routeMeta: this.$route.meta,\r\n ...this[CONTEXT](),\r\n exposed\r\n }\r\n },\r\n overrideEvents () {\r\n if (!this.buttonGroupMeta) return {}\r\n const { elements = [] } = this.buttonGroupMeta\r\n const events = elements.reduce((ret, ele) =>{\r\n ret[ele.eventName || 'click'] = (e) => {\r\n this.$emit(ele.eventName || 'click', { ...e, ...this.currentContext })\r\n }\r\n return ret\r\n }, {})\r\n return {\r\n ...this.$listeners,\r\n ...events\r\n }\r\n }\r\n },\r\n methods: {\r\n closeModalConfirm () {\r\n this.$emit('change', false)\r\n },\r\n onCancel () {\r\n this.$emit('change', false)\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '../../../theme/index';\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.ele-modal-confirm__content {\r\n margin-top: 8px;\r\n color: var(--idoole-black-088);\r\n font-size: 14px;\r\n line-height: 22px;\r\n}\r\n</style>",".ele-modal-confirm__content {\n margin-top: 8px;\n color: var(--idoole-black-088);\n font-size: 14px;\n line-height: 22px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
|
|
12061
12098
|
|
|
12062
12099
|
};
|
|
12063
12100
|
/* scoped */
|
|
12064
|
-
const __vue_scope_id__$3 = "data-v-
|
|
12101
|
+
const __vue_scope_id__$3 = "data-v-4157e49e";
|
|
12065
12102
|
/* module identifier */
|
|
12066
12103
|
const __vue_module_identifier__$3 = undefined;
|
|
12067
12104
|
/* functional template */
|
package/package.json
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@idooel/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
4
|
-
"description": "",
|
|
5
|
-
"private": false,
|
|
6
|
-
"main": "dist/@idooel/components.umd.js",
|
|
7
|
-
"module": "dist/@idooel/components.esm.js",
|
|
8
|
-
"engines": {
|
|
9
|
-
"node": ">=14"
|
|
10
|
-
},
|
|
11
|
-
"author": "Ruster <protagonisths@gmail.com> (https://github.com/Protagonistss)",
|
|
12
|
-
"scripts": {
|
|
13
|
-
"build:umd": "rollup --config scripts/rollup.umd.config.js",
|
|
14
|
-
"build:esm": "rollup --config scripts/rollup.esm.config.js"
|
|
15
|
-
},
|
|
16
|
-
"keywords": [],
|
|
17
|
-
"license": "ISC",
|
|
18
|
-
"peerDependencies": {
|
|
19
|
-
"@idooel/expression": "0.0.1-beta.1",
|
|
20
|
-
"@idooel/shared": "0.0.1-beta.6",
|
|
21
|
-
"ant-design-vue": "1.7.8",
|
|
22
|
-
"cropperjs": "1.4.1",
|
|
23
|
-
"moment": "^2.30.1",
|
|
24
|
-
"vue-upload-component": "<=2.8.11",
|
|
25
|
-
"vueditor": "^0.3.1"
|
|
26
|
-
},
|
|
27
|
-
"devDependencies": {
|
|
28
|
-
"@babel/core": "7.17.9",
|
|
29
|
-
"@idooel/expression": "workspace:*",
|
|
30
|
-
"@idooel/shared": "workspace:*",
|
|
31
|
-
"@rollup/plugin-alias": "^5.1.0",
|
|
32
|
-
"@rollup/plugin-babel": "^6.0.4",
|
|
33
|
-
"@rollup/plugin-node-resolve": "13.2.0",
|
|
34
|
-
"@rollup/plugin-strip": "2.1.0",
|
|
35
|
-
"@vue/babel-preset-jsx": "^1.4.0",
|
|
36
|
-
"@vue/compiler-sfc": "3.2.33",
|
|
37
|
-
"babel-plugin-component": "1.1.1",
|
|
38
|
-
"babel-plugin-external-helpers": "6.22.0",
|
|
39
|
-
"postcss": "8.4.12",
|
|
40
|
-
"postcss-import": "14.1.0",
|
|
41
|
-
"rollup": "2.70.1",
|
|
42
|
-
"rollup-plugin-postcss": "4.0.2",
|
|
43
|
-
"rollup-plugin-terser": "^7.0.2",
|
|
44
|
-
"rollup-plugin-vue": "5.1.9",
|
|
45
|
-
"vue-template-compiler": "2.7.16"
|
|
46
|
-
},
|
|
47
|
-
"dependencies": {
|
|
48
|
-
"uuid": "^9.0.1"
|
|
49
|
-
}
|
|
50
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@idooel/components",
|
|
3
|
+
"version": "0.0.1-beta.51",
|
|
4
|
+
"description": "",
|
|
5
|
+
"private": false,
|
|
6
|
+
"main": "dist/@idooel/components.umd.js",
|
|
7
|
+
"module": "dist/@idooel/components.esm.js",
|
|
8
|
+
"engines": {
|
|
9
|
+
"node": ">=14"
|
|
10
|
+
},
|
|
11
|
+
"author": "Ruster <protagonisths@gmail.com> (https://github.com/Protagonistss)",
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build:umd": "rollup --config scripts/rollup.umd.config.js",
|
|
14
|
+
"build:esm": "rollup --config scripts/rollup.esm.config.js"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [],
|
|
17
|
+
"license": "ISC",
|
|
18
|
+
"peerDependencies": {
|
|
19
|
+
"@idooel/expression": "0.0.1-beta.1",
|
|
20
|
+
"@idooel/shared": "0.0.1-beta.6",
|
|
21
|
+
"ant-design-vue": "1.7.8",
|
|
22
|
+
"cropperjs": "1.4.1",
|
|
23
|
+
"moment": "^2.30.1",
|
|
24
|
+
"vue-upload-component": "<=2.8.11",
|
|
25
|
+
"vueditor": "^0.3.1"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@babel/core": "7.17.9",
|
|
29
|
+
"@idooel/expression": "workspace:*",
|
|
30
|
+
"@idooel/shared": "workspace:*",
|
|
31
|
+
"@rollup/plugin-alias": "^5.1.0",
|
|
32
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
33
|
+
"@rollup/plugin-node-resolve": "13.2.0",
|
|
34
|
+
"@rollup/plugin-strip": "2.1.0",
|
|
35
|
+
"@vue/babel-preset-jsx": "^1.4.0",
|
|
36
|
+
"@vue/compiler-sfc": "3.2.33",
|
|
37
|
+
"babel-plugin-component": "1.1.1",
|
|
38
|
+
"babel-plugin-external-helpers": "6.22.0",
|
|
39
|
+
"postcss": "8.4.12",
|
|
40
|
+
"postcss-import": "14.1.0",
|
|
41
|
+
"rollup": "2.70.1",
|
|
42
|
+
"rollup-plugin-postcss": "4.0.2",
|
|
43
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
44
|
+
"rollup-plugin-vue": "5.1.9",
|
|
45
|
+
"vue-template-compiler": "2.7.16"
|
|
46
|
+
},
|
|
47
|
+
"dependencies": {
|
|
48
|
+
"uuid": "^9.0.1"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -68,7 +68,8 @@ export default {
|
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
overrideEvents () {
|
|
71
|
-
|
|
71
|
+
if (!this.buttonGroupMeta) return {}
|
|
72
|
+
const { elements = [] } = this.buttonGroupMeta
|
|
72
73
|
const events = elements.reduce((ret, ele) =>{
|
|
73
74
|
ret[ele.eventName || 'click'] = (e) => {
|
|
74
75
|
this.$emit(ele.eventName || 'click', { ...e, ...this.currentContext })
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
:disabled="executeExpression(ele._disabled)"
|
|
25
25
|
:allow-clear="ele.allowClear"
|
|
26
26
|
:placeholder="ele.placeholder"
|
|
27
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
27
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
28
28
|
style="width:100%;">
|
|
29
29
|
</ele-textarea>
|
|
30
30
|
</a-form-item>
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
:code="ele.code"
|
|
40
40
|
:params="ele.params"
|
|
41
41
|
@change="onChange($event, ele)"
|
|
42
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
42
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
43
43
|
style="width:100%;">
|
|
44
44
|
</ele-select>
|
|
45
45
|
</a-form-item>
|
|
46
46
|
</template>
|
|
47
47
|
<template v-else-if="ele.type == 'ele-upload'">
|
|
48
48
|
<a-form-item :label="`${ele.label}：`">
|
|
49
|
-
<ele-upload v-decorator="[ele.name, { rules: ele.rules }]"
|
|
49
|
+
<ele-upload v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
50
50
|
:ext="ele.ext"
|
|
51
51
|
:message="ele.message"
|
|
52
52
|
style="width:100%;">
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
<a-form-item :label="`${ele.label}：`">
|
|
58
58
|
<ele-date-range
|
|
59
59
|
:disabled="executeExpression(ele._disabled)"
|
|
60
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
60
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
61
61
|
style="width:100%;">
|
|
62
62
|
</ele-date-range>
|
|
63
63
|
</a-form-item>
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
:show-today="ele.showToday"
|
|
72
72
|
:value-format="ele.valueFormat"
|
|
73
73
|
:disabled="executeExpression(ele._disabled)"
|
|
74
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
74
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
75
75
|
style="width:100%;">
|
|
76
76
|
</ele-date>
|
|
77
77
|
</a-form-item>
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
<template v-else-if="ele.type == 'SelectEntity'">
|
|
80
80
|
<a-form-item :label="`${ele.label}：`">
|
|
81
81
|
<ele-select-entity
|
|
82
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
82
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
83
83
|
style="width:100%;">
|
|
84
84
|
</ele-select-entity>
|
|
85
85
|
</a-form-item>
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
@change="onChange($event, ele)"
|
|
91
91
|
:precision="ele.precision"
|
|
92
92
|
:disabled="executeExpression(ele._disabled)"
|
|
93
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
93
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
94
94
|
v-bind="ele.props"
|
|
95
95
|
style="width:100%;">
|
|
96
96
|
</ele-input-number>
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
<ele-checkbox
|
|
102
102
|
:data-source="ele.optionList"
|
|
103
103
|
:disabled="executeExpression(ele._disabled)"
|
|
104
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
104
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
105
105
|
style="width:100%;">
|
|
106
106
|
</ele-checkbox>
|
|
107
107
|
</a-form-item>
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
@change="onChange($event, ele)"
|
|
113
113
|
:disabled="executeExpression(ele._disabled)"
|
|
114
114
|
:data-source="ele.optionList"
|
|
115
|
-
v-decorator="[ele.name, { rules: ele.rules }]"
|
|
115
|
+
v-decorator="[ele.name, { rules: rebuildRules(ele.rules) }]"
|
|
116
116
|
style="width:100%;">
|
|
117
117
|
</ele-radio>
|
|
118
118
|
</a-form-item>
|