@idooel/components 0.0.1-beta.4 → 0.0.1-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/@idooel/components.esm.js +134 -13
  2. package/dist/@idooel/components.umd.js +134 -13
  3. package/package.json +2 -2
  4. package/packages/batch-export/src/index.vue +97 -5
  5. package/packages/modal/src/index.vue +15 -2
  6. package/packages/theme/index.scss +4 -0
package/dist/@idooel/components.esm.js CHANGED
@@ -2662,7 +2662,7 @@ __vue_render__$c._withStripped = true;
2662
2662
  /* style */
2663
2663
  const __vue_inject_styles__$c = function (inject) {
2664
2664
  if (!inject) return
2665
- inject("data-v-7b13873a_0", { source: ".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\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,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;AACzC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
2665
+ inject("data-v-7b13873a_0", { source: ".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\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,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;AAC3B;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
2666
2666
 
2667
2667
  };
2668
2668
  /* scoped */
@@ -4103,6 +4103,15 @@ __vue_component__$7.install = Vue => Vue.component(__vue_component__$7.name, __v
4103
4103
  //
4104
4104
  //
4105
4105
  //
4106
+ //
4107
+ //
4108
+ //
4109
+ //
4110
+ //
4111
+ //
4112
+ //
4113
+ //
4114
+ //
4106
4115
 
4107
4116
  var script$2 = {
4108
4117
  name: 'ele-modal',
@@ -4125,7 +4134,7 @@ var script$2 = {
4125
4134
  },
4126
4135
  size: {
4127
4136
  type: String,
4128
- default: 'small'
4137
+ default: 'middle'
4129
4138
  },
4130
4139
  map: {
4131
4140
  type: Object,
@@ -4152,6 +4161,10 @@ var script$2 = {
4152
4161
  onlyClose: {
4153
4162
  type: Boolean,
4154
4163
  default: false
4164
+ },
4165
+ buttonGroupMeta: {
4166
+ type: Object,
4167
+ default: () => ({})
4155
4168
  }
4156
4169
  },
4157
4170
  watch: {
@@ -4245,7 +4258,26 @@ var __vue_render__$2 = function () {
4245
4258
  [
4246
4259
  _vm._t("default"),
4247
4260
  _vm._v(" "),
4248
- _c("template", { slot: "footer" }, [_vm._t("footer")], 2),
4261
+ _c("template", { slot: "footer" }, [
4262
+ _c(
4263
+ "div",
4264
+ { staticClass: "ele-modal__footer" },
4265
+ _vm._l(_vm.buttonGroupMeta.elements, function (btn) {
4266
+ return _c(
4267
+ "ele-button",
4268
+ _vm._g(
4269
+ {
4270
+ key: btn.key,
4271
+ attrs: { type: btn.type, "event-name": btn.eventName },
4272
+ },
4273
+ _vm.$listeners
4274
+ ),
4275
+ [_vm._v("\n " + _vm._s(btn.label) + "\n ")]
4276
+ )
4277
+ }),
4278
+ 1
4279
+ ),
4280
+ ]),
4249
4281
  ],
4250
4282
  2
4251
4283
  )
@@ -4289,14 +4321,50 @@ __vue_component__$6.install = Vue => Vue.component(__vue_component__$6.name, __v
4289
4321
  __vue_component__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
4290
4322
 
4291
4323
  //
4292
- //
4293
- //
4294
- //
4295
- //
4296
- //
4297
-
4298
4324
  var script$1 = {
4299
- name: 'ele-batch-export'
4325
+ name: 'ele-batch-export',
4326
+ components: {
4327
+ EleIcon: __vue_component__$a
4328
+ },
4329
+ props: {
4330
+ value: {
4331
+ type: Boolean,
4332
+ default: false
4333
+ },
4334
+ buttonGroupMeta: {
4335
+ type: Object,
4336
+ default: () => {
4337
+ return {
4338
+ elements: [{
4339
+ label: '关闭',
4340
+ key: 'close',
4341
+ type: 'primary',
4342
+ eventName: 'handleClose'
4343
+ }]
4344
+ };
4345
+ }
4346
+ }
4347
+ },
4348
+ data() {
4349
+ return {
4350
+ innerValue: false
4351
+ };
4352
+ },
4353
+ watch: {
4354
+ value: {
4355
+ handler(value) {
4356
+ this.$nextTick(() => {
4357
+ this.innerValue = value;
4358
+ });
4359
+ },
4360
+ immediate: true
4361
+ }
4362
+ },
4363
+ methods: {
4364
+ handleClick() {
4365
+ this.$emit('on-batch-export');
4366
+ }
4367
+ }
4300
4368
  };
4301
4369
 
4302
4370
  /* script */
@@ -4307,7 +4375,60 @@ var __vue_render__$1 = function () {
4307
4375
  var _vm = this;
4308
4376
  var _h = _vm.$createElement;
4309
4377
  var _c = _vm._self._c || _h;
4310
- return _c("div", [_vm._v("\n export\n")])
4378
+ return _c(
4379
+ "ele-modal",
4380
+ _vm._g(
4381
+ {
4382
+ attrs: { buttonGroupMeta: _vm.buttonGroupMeta, title: "批量导出" },
4383
+ model: {
4384
+ value: _vm.innerValue,
4385
+ callback: function ($$v) {
4386
+ _vm.innerValue = $$v;
4387
+ },
4388
+ expression: "innerValue",
4389
+ },
4390
+ },
4391
+ _vm.$listeners
4392
+ ),
4393
+ [
4394
+ _c("div", { staticClass: "ele-batch-export__content" }, [
4395
+ _c(
4396
+ "div",
4397
+ { staticClass: "ele-batch-export__container" },
4398
+ [
4399
+ _c("ele-icon", {
4400
+ staticClass: "ele-batch-export__icon",
4401
+ attrs: { type: "download" },
4402
+ }),
4403
+ _vm._v(" "),
4404
+ _c("div", { staticClass: "ele-batch-export__handle" }, [
4405
+ _c(
4406
+ "div",
4407
+ {
4408
+ staticClass: "ele-batch-export__btn",
4409
+ on: { click: _vm.handleClick },
4410
+ },
4411
+ [
4412
+ _vm._v(
4413
+ "导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度"
4414
+ ),
4415
+ ]
4416
+ ),
4417
+ _vm._v(" "),
4418
+ _c("div", { staticClass: "ele-batch-export__btn--hint" }, [
4419
+ _vm._v("批处理任务的准备工作会在后台运行"),
4420
+ ]),
4421
+ ]),
4422
+ ],
4423
+ 1
4424
+ ),
4425
+ _vm._v(" "),
4426
+ _c("div", { staticClass: "ele-batch-export__message" }, [
4427
+ _vm._v("\n 您可以请点击上方按钮查看任务进度或关闭弹框\n "),
4428
+ ]),
4429
+ ]),
4430
+ ]
4431
+ )
4311
4432
  };
4312
4433
  var __vue_staticRenderFns__$1 = [];
4313
4434
  __vue_render__$1._withStripped = true;
@@ -4315,11 +4436,11 @@ __vue_render__$1._withStripped = true;
4315
4436
  /* style */
4316
4437
  const __vue_inject_styles__$1 = function (inject) {
4317
4438
  if (!inject) return
4318
- inject("data-v-4ed65b1c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
4439
+ inject("data-v-8734c1a2_0", { source: ".ele-batch-export__content[data-v-8734c1a2] {\n height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container[data-v-8734c1a2] {\n border-width: 1px;\n border-style: dashed;\n height: 80px;\n border-color: var(--idooel-link-06);\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon[data-v-8734c1a2] {\n font-size: 48px;\n color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle[data-v-8734c1a2] {\n margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn[data-v-8734c1a2] {\n color: var(--idooel-link-06);\n font-size: 16px;\n cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint[data-v-8734c1a2] {\n color: var(--idooel-link-03);\n font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message[data-v-8734c1a2] {\n color: var(--idooel-link-06);\n font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\batch-export\\src\\index.vue","index.vue"],"names":[],"mappings":"AAyEA;EACA,aAAA;ACxEA;ADyEA;EACA,iBAAA;EACA,oBAAA;EACA,YAAA;EACA,mCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;ACvEA;ADwEA;EACA,eAAA;EACA,4BAAA;ACtEA;ADwEA;EACA,iBAAA;ACtEA;ADuEA;EACA,4BAAA;EACA,eAAA;EACA,eAAA;ACrEA;ADuEA;EACA,4BAAA;EACA,eAAA;ACrEA;ADyEA;EACA,4BAAA;EACA,eAAA;ACvEA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <ele-modal \r\n v-model=\"innerValue\" \r\n v-on=\"$listeners\"\r\n :buttonGroupMeta=\"buttonGroupMeta\" \r\n title=\"批量导出\">\r\n <div class=\"ele-batch-export__content\">\r\n <div class=\"ele-batch-export__container\">\r\n <ele-icon class=\"ele-batch-export__icon\" type=\"download\"></ele-icon>\r\n <div class=\"ele-batch-export__handle\">\r\n <div class=\"ele-batch-export__btn\" @click=\"handleClick\">导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>\r\n <div class=\"ele-batch-export__btn--hint\">批处理任务的准备工作会在后台运行</div>\r\n </div>\r\n </div>\r\n <div class=\"ele-batch-export__message\">\r\n 您可以请点击上方按钮查看任务进度或关闭弹框\r\n </div>\r\n </div>\r\n </ele-modal>\r\n</template>\r\n\r\n<script>\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n name: 'ele-batch-export',\r\n components: {\r\n EleIcon\r\n },\r\n props: {\r\n value: {\r\n type: Boolean,\r\n default: false\r\n },\r\n buttonGroupMeta: {\r\n type: Object,\r\n default: () => {\r\n return {\r\n elements: [\r\n {\r\n label: '关闭',\r\n key: 'close',\r\n type: 'primary',\r\n eventName: 'handleClose'\r\n }\r\n ]\r\n }\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n innerValue: false\r\n }\r\n },\r\n watch: {\r\n value: {\r\n handler (value) {\r\n this.$nextTick(() => {\r\n this.innerValue = value\r\n })\r\n },\r\n immediate: true\r\n }\r\n },\r\n methods: {\r\n handleClick () {\r\n this.$emit('on-batch-export')\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele-batch-export__content {\r\n height: 106px;\r\n .ele-batch-export__container {\r\n border-width: 1px;\r\n border-style: dashed;\r\n height: 80px;\r\n border-color: var(--idooel-link-06);\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 0 16px;\r\n .ele-batch-export__icon {\r\n font-size: 48px;\r\n color: var(--idooel-link-06);\r\n }\r\n .ele-batch-export__handle {\r\n margin-left: 16px;\r\n .ele-batch-export__btn {\r\n color: var(--idooel-link-06);\r\n font-size: 16px;\r\n cursor: pointer;\r\n }\r\n .ele-batch-export__btn--hint {\r\n color: var(--idooel-link-03);\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .ele-batch-export__message {\r\n color: var(--idooel-link-06);\r\n font-size: 14px;\r\n }\r\n}\r\n</style>",".ele-batch-export__content {\n height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container {\n border-width: 1px;\n border-style: dashed;\n height: 80px;\n border-color: var(--idooel-link-06);\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon {\n font-size: 48px;\n color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle {\n margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn {\n color: var(--idooel-link-06);\n font-size: 16px;\n cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint {\n color: var(--idooel-link-03);\n font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message {\n color: var(--idooel-link-06);\n font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
4319
4440
 
4320
4441
  };
4321
4442
  /* scoped */
4322
- const __vue_scope_id__$1 = "data-v-4ed65b1c";
4443
+ const __vue_scope_id__$1 = "data-v-8734c1a2";
4323
4444
  /* module identifier */
4324
4445
  const __vue_module_identifier__$1 = undefined;
4325
4446
  /* functional template */
package/dist/@idooel/components.umd.js CHANGED
@@ -2669,7 +2669,7 @@
2669
2669
  /* style */
2670
2670
  const __vue_inject_styles__$c = function (inject) {
2671
2671
  if (!inject) return
2672
- inject("data-v-7b13873a_0", { source: ".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\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,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;AACzC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
2672
+ inject("data-v-7b13873a_0", { source: ".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\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,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;AAC3B;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .file-uploads label {\n border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n color: #FFA39E;\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-008: rgba(0, 0, 0, 0.88);\n --idooel-border-width: 2;\n --idooel-border-color: #53a8ff;\n --idooel-column-border-width: 1;\n --idooel-column-border-color: #d9ecff;\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}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
2673
2673
 
2674
2674
  };
2675
2675
  /* scoped */
@@ -4110,6 +4110,15 @@
4110
4110
  //
4111
4111
  //
4112
4112
  //
4113
+ //
4114
+ //
4115
+ //
4116
+ //
4117
+ //
4118
+ //
4119
+ //
4120
+ //
4121
+ //
4113
4122
 
4114
4123
  var script$2 = {
4115
4124
  name: 'ele-modal',
@@ -4132,7 +4141,7 @@
4132
4141
  },
4133
4142
  size: {
4134
4143
  type: String,
4135
- default: 'small'
4144
+ default: 'middle'
4136
4145
  },
4137
4146
  map: {
4138
4147
  type: Object,
@@ -4159,6 +4168,10 @@
4159
4168
  onlyClose: {
4160
4169
  type: Boolean,
4161
4170
  default: false
4171
+ },
4172
+ buttonGroupMeta: {
4173
+ type: Object,
4174
+ default: () => ({})
4162
4175
  }
4163
4176
  },
4164
4177
  watch: {
@@ -4252,7 +4265,26 @@
4252
4265
  [
4253
4266
  _vm._t("default"),
4254
4267
  _vm._v(" "),
4255
- _c("template", { slot: "footer" }, [_vm._t("footer")], 2),
4268
+ _c("template", { slot: "footer" }, [
4269
+ _c(
4270
+ "div",
4271
+ { staticClass: "ele-modal__footer" },
4272
+ _vm._l(_vm.buttonGroupMeta.elements, function (btn) {
4273
+ return _c(
4274
+ "ele-button",
4275
+ _vm._g(
4276
+ {
4277
+ key: btn.key,
4278
+ attrs: { type: btn.type, "event-name": btn.eventName },
4279
+ },
4280
+ _vm.$listeners
4281
+ ),
4282
+ [_vm._v("\n " + _vm._s(btn.label) + "\n ")]
4283
+ )
4284
+ }),
4285
+ 1
4286
+ ),
4287
+ ]),
4256
4288
  ],
4257
4289
  2
4258
4290
  )
@@ -4296,14 +4328,50 @@
4296
4328
  __vue_component__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
4297
4329
 
4298
4330
  //
4299
- //
4300
- //
4301
- //
4302
- //
4303
- //
4304
-
4305
4331
  var script$1 = {
4306
- name: 'ele-batch-export'
4332
+ name: 'ele-batch-export',
4333
+ components: {
4334
+ EleIcon: __vue_component__$a
4335
+ },
4336
+ props: {
4337
+ value: {
4338
+ type: Boolean,
4339
+ default: false
4340
+ },
4341
+ buttonGroupMeta: {
4342
+ type: Object,
4343
+ default: () => {
4344
+ return {
4345
+ elements: [{
4346
+ label: '关闭',
4347
+ key: 'close',
4348
+ type: 'primary',
4349
+ eventName: 'handleClose'
4350
+ }]
4351
+ };
4352
+ }
4353
+ }
4354
+ },
4355
+ data() {
4356
+ return {
4357
+ innerValue: false
4358
+ };
4359
+ },
4360
+ watch: {
4361
+ value: {
4362
+ handler(value) {
4363
+ this.$nextTick(() => {
4364
+ this.innerValue = value;
4365
+ });
4366
+ },
4367
+ immediate: true
4368
+ }
4369
+ },
4370
+ methods: {
4371
+ handleClick() {
4372
+ this.$emit('on-batch-export');
4373
+ }
4374
+ }
4307
4375
  };
4308
4376
 
4309
4377
  /* script */
@@ -4314,7 +4382,60 @@
4314
4382
  var _vm = this;
4315
4383
  var _h = _vm.$createElement;
4316
4384
  var _c = _vm._self._c || _h;
4317
- return _c("div", [_vm._v("\n export\n")])
4385
+ return _c(
4386
+ "ele-modal",
4387
+ _vm._g(
4388
+ {
4389
+ attrs: { buttonGroupMeta: _vm.buttonGroupMeta, title: "批量导出" },
4390
+ model: {
4391
+ value: _vm.innerValue,
4392
+ callback: function ($$v) {
4393
+ _vm.innerValue = $$v;
4394
+ },
4395
+ expression: "innerValue",
4396
+ },
4397
+ },
4398
+ _vm.$listeners
4399
+ ),
4400
+ [
4401
+ _c("div", { staticClass: "ele-batch-export__content" }, [
4402
+ _c(
4403
+ "div",
4404
+ { staticClass: "ele-batch-export__container" },
4405
+ [
4406
+ _c("ele-icon", {
4407
+ staticClass: "ele-batch-export__icon",
4408
+ attrs: { type: "download" },
4409
+ }),
4410
+ _vm._v(" "),
4411
+ _c("div", { staticClass: "ele-batch-export__handle" }, [
4412
+ _c(
4413
+ "div",
4414
+ {
4415
+ staticClass: "ele-batch-export__btn",
4416
+ on: { click: _vm.handleClick },
4417
+ },
4418
+ [
4419
+ _vm._v(
4420
+ "导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度"
4421
+ ),
4422
+ ]
4423
+ ),
4424
+ _vm._v(" "),
4425
+ _c("div", { staticClass: "ele-batch-export__btn--hint" }, [
4426
+ _vm._v("批处理任务的准备工作会在后台运行"),
4427
+ ]),
4428
+ ]),
4429
+ ],
4430
+ 1
4431
+ ),
4432
+ _vm._v(" "),
4433
+ _c("div", { staticClass: "ele-batch-export__message" }, [
4434
+ _vm._v("\n 您可以请点击上方按钮查看任务进度或关闭弹框\n "),
4435
+ ]),
4436
+ ]),
4437
+ ]
4438
+ )
4318
4439
  };
4319
4440
  var __vue_staticRenderFns__$1 = [];
4320
4441
  __vue_render__$1._withStripped = true;
@@ -4322,11 +4443,11 @@
4322
4443
  /* style */
4323
4444
  const __vue_inject_styles__$1 = function (inject) {
4324
4445
  if (!inject) return
4325
- inject("data-v-4ed65b1c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
4446
+ inject("data-v-8734c1a2_0", { source: ".ele-batch-export__content[data-v-8734c1a2] {\n height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container[data-v-8734c1a2] {\n border-width: 1px;\n border-style: dashed;\n height: 80px;\n border-color: var(--idooel-link-06);\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon[data-v-8734c1a2] {\n font-size: 48px;\n color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle[data-v-8734c1a2] {\n margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn[data-v-8734c1a2] {\n color: var(--idooel-link-06);\n font-size: 16px;\n cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint[data-v-8734c1a2] {\n color: var(--idooel-link-03);\n font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message[data-v-8734c1a2] {\n color: var(--idooel-link-06);\n font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\batch-export\\src\\index.vue","index.vue"],"names":[],"mappings":"AAyEA;EACA,aAAA;ACxEA;ADyEA;EACA,iBAAA;EACA,oBAAA;EACA,YAAA;EACA,mCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;ACvEA;ADwEA;EACA,eAAA;EACA,4BAAA;ACtEA;ADwEA;EACA,iBAAA;ACtEA;ADuEA;EACA,4BAAA;EACA,eAAA;EACA,eAAA;ACrEA;ADuEA;EACA,4BAAA;EACA,eAAA;ACrEA;ADyEA;EACA,4BAAA;EACA,eAAA;ACvEA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n <ele-modal \r\n v-model=\"innerValue\" \r\n v-on=\"$listeners\"\r\n :buttonGroupMeta=\"buttonGroupMeta\" \r\n title=\"批量导出\">\r\n <div class=\"ele-batch-export__content\">\r\n <div class=\"ele-batch-export__container\">\r\n <ele-icon class=\"ele-batch-export__icon\" type=\"download\"></ele-icon>\r\n <div class=\"ele-batch-export__handle\">\r\n <div class=\"ele-batch-export__btn\" @click=\"handleClick\">导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>\r\n <div class=\"ele-batch-export__btn--hint\">批处理任务的准备工作会在后台运行</div>\r\n </div>\r\n </div>\r\n <div class=\"ele-batch-export__message\">\r\n 您可以请点击上方按钮查看任务进度或关闭弹框\r\n </div>\r\n </div>\r\n </ele-modal>\r\n</template>\r\n\r\n<script>\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n name: 'ele-batch-export',\r\n components: {\r\n EleIcon\r\n },\r\n props: {\r\n value: {\r\n type: Boolean,\r\n default: false\r\n },\r\n buttonGroupMeta: {\r\n type: Object,\r\n default: () => {\r\n return {\r\n elements: [\r\n {\r\n label: '关闭',\r\n key: 'close',\r\n type: 'primary',\r\n eventName: 'handleClose'\r\n }\r\n ]\r\n }\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n innerValue: false\r\n }\r\n },\r\n watch: {\r\n value: {\r\n handler (value) {\r\n this.$nextTick(() => {\r\n this.innerValue = value\r\n })\r\n },\r\n immediate: true\r\n }\r\n },\r\n methods: {\r\n handleClick () {\r\n this.$emit('on-batch-export')\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele-batch-export__content {\r\n height: 106px;\r\n .ele-batch-export__container {\r\n border-width: 1px;\r\n border-style: dashed;\r\n height: 80px;\r\n border-color: var(--idooel-link-06);\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 0 16px;\r\n .ele-batch-export__icon {\r\n font-size: 48px;\r\n color: var(--idooel-link-06);\r\n }\r\n .ele-batch-export__handle {\r\n margin-left: 16px;\r\n .ele-batch-export__btn {\r\n color: var(--idooel-link-06);\r\n font-size: 16px;\r\n cursor: pointer;\r\n }\r\n .ele-batch-export__btn--hint {\r\n color: var(--idooel-link-03);\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .ele-batch-export__message {\r\n color: var(--idooel-link-06);\r\n font-size: 14px;\r\n }\r\n}\r\n</style>",".ele-batch-export__content {\n height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container {\n border-width: 1px;\n border-style: dashed;\n height: 80px;\n border-color: var(--idooel-link-06);\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon {\n font-size: 48px;\n color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle {\n margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn {\n color: var(--idooel-link-06);\n font-size: 16px;\n cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint {\n color: var(--idooel-link-03);\n font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message {\n color: var(--idooel-link-06);\n font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
4326
4447
 
4327
4448
  };
4328
4449
  /* scoped */
4329
- const __vue_scope_id__$1 = "data-v-4ed65b1c";
4450
+ const __vue_scope_id__$1 = "data-v-8734c1a2";
4330
4451
  /* module identifier */
4331
4452
  const __vue_module_identifier__$1 = undefined;
4332
4453
  /* functional template */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idooel/components",
3
- "version": "0.0.1-beta.4",
3
+ "version": "0.0.1-beta.6",
4
4
  "description": "",
5
5
  "private": false,
6
6
  "main": "dist/@idooel/components.umd.js",
@@ -18,7 +18,7 @@
18
18
  "peerDependencies": {
19
19
  "ant-design-vue": "1.7.8",
20
20
  "moment": "^2.30.1",
21
- "vue-upload-component": "^2.8.23",
21
+ "vue-upload-component": "<=2.8.11",
22
22
  "@idooel/expression": "0.0.1-beta.1",
23
23
  "@idooel/shared": "0.0.1-beta.1"
24
24
  },
package/packages/batch-export/src/index.vue CHANGED
@@ -1,15 +1,107 @@
1
1
  <template>
2
- <div>
3
- export
4
- </div>
2
+ <ele-modal
3
+ v-model="innerValue"
4
+ v-on="$listeners"
5
+ :buttonGroupMeta="buttonGroupMeta"
6
+ title="批量导出">
7
+ <div class="ele-batch-export__content">
8
+ <div class="ele-batch-export__container">
9
+ <ele-icon class="ele-batch-export__icon" type="download"></ele-icon>
10
+ <div class="ele-batch-export__handle">
11
+ <div class="ele-batch-export__btn" @click="handleClick">导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>
12
+ <div class="ele-batch-export__btn--hint">批处理任务的准备工作会在后台运行</div>
13
+ </div>
14
+ </div>
15
+ <div class="ele-batch-export__message">
16
+ 您可以请点击上方按钮查看任务进度或关闭弹框
17
+ </div>
18
+ </div>
19
+ </ele-modal>
5
20
  </template>
6
21
 
7
22
  <script>
23
+ import EleIcon from '../../icon/src/index.vue'
8
24
  export default {
9
- name: 'ele-batch-export'
25
+ name: 'ele-batch-export',
26
+ components: {
27
+ EleIcon
28
+ },
29
+ props: {
30
+ value: {
31
+ type: Boolean,
32
+ default: false
33
+ },
34
+ buttonGroupMeta: {
35
+ type: Object,
36
+ default: () => {
37
+ return {
38
+ elements: [
39
+ {
40
+ label: '关闭',
41
+ key: 'close',
42
+ type: 'primary',
43
+ eventName: 'handleClose'
44
+ }
45
+ ]
46
+ }
47
+ }
48
+ }
49
+ },
50
+ data() {
51
+ return {
52
+ innerValue: false
53
+ }
54
+ },
55
+ watch: {
56
+ value: {
57
+ handler (value) {
58
+ this.$nextTick(() => {
59
+ this.innerValue = value
60
+ })
61
+ },
62
+ immediate: true
63
+ }
64
+ },
65
+ methods: {
66
+ handleClick () {
67
+ this.$emit('on-batch-export')
68
+ }
69
+ }
10
70
  }
11
71
  </script>
12
72
 
13
73
  <style lang="scss" scoped>
14
-
74
+ .ele-batch-export__content {
75
+ height: 106px;
76
+ .ele-batch-export__container {
77
+ border-width: 1px;
78
+ border-style: dashed;
79
+ height: 80px;
80
+ border-color: var(--idooel-link-06);
81
+ display: flex;
82
+ flex-direction: row;
83
+ align-items: center;
84
+ padding: 0 16px;
85
+ .ele-batch-export__icon {
86
+ font-size: 48px;
87
+ color: var(--idooel-link-06);
88
+ }
89
+ .ele-batch-export__handle {
90
+ margin-left: 16px;
91
+ .ele-batch-export__btn {
92
+ color: var(--idooel-link-06);
93
+ font-size: 16px;
94
+ cursor: pointer;
95
+ }
96
+ .ele-batch-export__btn--hint {
97
+ color: var(--idooel-link-03);
98
+ font-size: 14px;
99
+ }
100
+ }
101
+ }
102
+ .ele-batch-export__message {
103
+ color: var(--idooel-link-06);
104
+ font-size: 14px;
105
+ }
106
+ }
15
107
  </style>
package/packages/modal/src/index.vue CHANGED
@@ -16,7 +16,16 @@
16
16
  >
17
17
  <slot></slot>
18
18
  <template slot="footer">
19
- <slot name="footer"></slot>
19
+ <div class="ele-modal__footer">
20
+ <ele-button
21
+ v-for="btn in buttonGroupMeta.elements"
22
+ :type="btn.type"
23
+ v-on="$listeners"
24
+ :event-name="btn.eventName"
25
+ :key="btn.key">
26
+ {{ btn.label }}
27
+ </ele-button>
28
+ </div>
20
29
  </template>
21
30
  </a-modal>
22
31
  </template>
@@ -42,7 +51,7 @@ export default {
42
51
  },
43
52
  size: {
44
53
  type: String,
45
- default: 'small'
54
+ default: 'middle'
46
55
  },
47
56
  map: {
48
57
  type: Object,
@@ -69,6 +78,10 @@ export default {
69
78
  onlyClose: {
70
79
  type: Boolean,
71
80
  default: false
81
+ },
82
+ buttonGroupMeta: {
83
+ type: Object,
84
+ default: () => ({})
72
85
  }
73
86
  },
74
87
  watch: {
package/packages/theme/index.scss CHANGED
@@ -21,4 +21,8 @@ $primary: $primary-06;
21
21
  --idooel-form-upload-border-hover-color: #{$primary-05};
22
22
  --idooel-form-border-radius: #{$border-radius-base}px;
23
23
  --idooel-form-border-err-color: #{$error-06};
24
+
25
+ //Link
26
+ --idooel-link-06: #{$link-06};
27
+ --idooel-link-03: #{$link-03};
24
28
  }