@cmstops/pro-compo 3.9.2-alpha.5 → 3.9.2-alpha.7

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 (9) hide show
  1. package/es/baseFilter/component.js +42 -8
  2. package/es/contentDetailList/component.js +24 -0
  3. package/es/contentDetailList/components/Content/index.js +2 -1
  4. package/es/contentDetailList/components/Doc/index.js +6 -0
  5. package/lib/baseFilter/component.js +40 -6
  6. package/lib/contentDetailList/component.js +24 -0
  7. package/lib/contentDetailList/components/Content/index.js +2 -1
  8. package/lib/contentDetailList/components/Doc/index.js +6 -0
  9. package/package.json +1 -1
package/es/baseFilter/component.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent, ref, computed, watch, nextTick, toRaw, openBlock, createElementBlock, Fragment, createElementVNode, withModifiers, createVNode, withCtx, renderList, createBlock, renderSlot, unref, normalizeStyle, createCommentVNode, createTextVNode, toDisplayString } from "vue";
2
- import { InputSearch, Select, Option, RangePicker, RadioGroup, Radio } from "@arco-design/web-vue";
1
+ import { defineComponent, ref, computed, watch, nextTick, toRaw, openBlock, createElementBlock, Fragment, createElementVNode, withModifiers, createVNode, withCtx, renderList, createBlock, renderSlot, unref, createTextVNode, toDisplayString, normalizeStyle, createCommentVNode } from "vue";
2
+ import { InputGroup, Select, Option, Input, InputSearch, RangePicker, RadioGroup, Radio } from "@arco-design/web-vue";
3
3
  import _sfc_main$2 from "./components/filterItem.js";
4
4
  import _sfc_main$1 from "./components/FilterGroup.js";
5
5
  const _sfc_main = defineComponent({
@@ -78,7 +78,10 @@ const _sfc_main = defineComponent({
78
78
  _form[column.range] = rangeTemp[column.range];
79
79
  } else if (column.component === "select") {
80
80
  _form[column.key] = column.defaultValue || null;
81
- } else {
81
+ } else if (column.component === "input-group") {
82
+ _form[column.selectKey] = column.selectDefaultValue || "";
83
+ _form[column.inputKey] = column.inputDefaultValue || "";
84
+ } else if (column.component) {
82
85
  _form[column.key] = column.defaultValue || "";
83
86
  }
84
87
  });
@@ -180,8 +183,39 @@ const _sfc_main = defineComponent({
180
183
  active: hasValue.value(item.key)
181
184
  }, {
182
185
  default: withCtx(() => [
183
- item.slot ? renderSlot(_ctx.$slots, item.slot, { key: 0 }) : item.component === "input" ? (openBlock(), createBlock(unref(InputSearch), {
184
- key: 1,
186
+ item.slot ? renderSlot(_ctx.$slots, item.slot, { key: 0 }) : item.component === "input-group" ? (openBlock(), createBlock(unref(InputGroup), { key: 1 }, {
187
+ default: withCtx(() => [
188
+ createVNode(unref(Select), {
189
+ modelValue: form.value[item.selectKey],
190
+ "onUpdate:modelValue": ($event) => form.value[item.selectKey] = $event,
191
+ "default-active-first-option": "",
192
+ style: { "width": "100px" }
193
+ }, {
194
+ default: withCtx(() => [
195
+ (openBlock(true), createElementBlock(Fragment, null, renderList(item.selectOptions, (option, idx) => {
196
+ return openBlock(), createBlock(unref(Option), {
197
+ key: idx,
198
+ value: option.value
199
+ }, {
200
+ default: withCtx(() => [
201
+ createTextVNode(toDisplayString(option.label), 1)
202
+ ]),
203
+ _: 2
204
+ }, 1032, ["value"]);
205
+ }), 128))
206
+ ]),
207
+ _: 2
208
+ }, 1032, ["modelValue", "onUpdate:modelValue"]),
209
+ createVNode(unref(Input), {
210
+ modelValue: form.value[item.inputKey],
211
+ "onUpdate:modelValue": ($event) => form.value[item.inputKey] = $event,
212
+ placeholder: item.placeholder ? item.placeholder : `\u8BF7\u8F93\u5165${item.inputLabel}`,
213
+ style: { "width": "180px" }
214
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
215
+ ]),
216
+ _: 2
217
+ }, 1024)) : item.component === "input" ? (openBlock(), createBlock(unref(InputSearch), {
218
+ key: 2,
185
219
  modelValue: form.value[item.key],
186
220
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
187
221
  style: normalizeStyle({ width: styleWidth(columnsMap.value[item.key]) }),
@@ -190,7 +224,7 @@ const _sfc_main = defineComponent({
190
224
  placeholder: item.placeholder ? item.placeholder : `\u8BF7\u8F93\u5165${item.label}`
191
225
  }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder"])) : createCommentVNode("v-if", true),
192
226
  item.component === "select" ? (openBlock(), createBlock(unref(Select), {
193
- key: 2,
227
+ key: 3,
194
228
  modelValue: form.value[item.key],
195
229
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
196
230
  "popup-container": "#base-filter-popup-container",
@@ -215,7 +249,7 @@ const _sfc_main = defineComponent({
215
249
  _: 2
216
250
  }, 1032, ["modelValue", "onUpdate:modelValue", "allow-search", "style", "placeholder", "onSearch", "onPopupVisibleChange", "onChange"])) : createCommentVNode("v-if", true),
217
251
  item.component === "range-picker" ? (openBlock(), createBlock(unref(RangePicker), {
218
- key: 3,
252
+ key: 4,
219
253
  modelValue: form.value[item.key].range,
220
254
  "onUpdate:modelValue": ($event) => form.value[item.key].range = $event,
221
255
  style: normalizeStyle({ width: styleWidth(form.value[item.key]) }),
@@ -228,7 +262,7 @@ const _sfc_main = defineComponent({
228
262
  }, ["stop"]))
229
263
  }, null, 8, ["modelValue", "onUpdate:modelValue", "style"])) : createCommentVNode("v-if", true),
230
264
  item.component === "radio" ? (openBlock(), createBlock(unref(RadioGroup), {
231
- key: 4,
265
+ key: 5,
232
266
  modelValue: form.value[item.key],
233
267
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
234
268
  type: "button"
package/es/contentDetailList/component.js CHANGED
@@ -104,6 +104,12 @@ const _sfc_main = defineComponent({
104
104
  onCellMouseEnter: tableCellMouseEnter,
105
105
  onCellMouseLeave: tableCellMouseLeave
106
106
  }, {
107
+ "after-index": withCtx(() => [
108
+ renderSlot(_ctx.$slots, "after-index", {
109
+ row: element,
110
+ index
111
+ })
112
+ ]),
107
113
  batch: withCtx(() => [
108
114
  renderSlot(_ctx.$slots, "batch", {
109
115
  row: element,
@@ -128,6 +134,12 @@ const _sfc_main = defineComponent({
128
134
  onCellMouseEnter: tableCellMouseEnter,
129
135
  onCellMouseLeave: tableCellMouseLeave
130
136
  }, {
137
+ "after-index": withCtx(() => [
138
+ renderSlot(_ctx.$slots, "after-index", {
139
+ row: element,
140
+ index
141
+ })
142
+ ]),
131
143
  tip: withCtx(() => [
132
144
  renderSlot(_ctx.$slots, "tip", {
133
145
  row: element,
@@ -224,6 +236,12 @@ const _sfc_main = defineComponent({
224
236
  onCellMouseEnter: tableCellMouseEnter,
225
237
  onCellMouseLeave: tableCellMouseLeave
226
238
  }, {
239
+ "after-index": withCtx(() => [
240
+ renderSlot(_ctx.$slots, "after-index", {
241
+ row: item,
242
+ index
243
+ })
244
+ ]),
227
245
  batch: withCtx(() => [
228
246
  renderSlot(_ctx.$slots, "batch", {
229
247
  row: item,
@@ -248,6 +266,12 @@ const _sfc_main = defineComponent({
248
266
  onCellMouseEnter: tableCellMouseEnter,
249
267
  onCellMouseLeave: tableCellMouseLeave
250
268
  }, {
269
+ "after-index": withCtx(() => [
270
+ renderSlot(_ctx.$slots, "after-index", {
271
+ row: item,
272
+ index
273
+ })
274
+ ]),
251
275
  tip: withCtx(() => [
252
276
  renderSlot(_ctx.$slots, "tip", {
253
277
  row: item,
package/es/contentDetailList/components/Content/index.js CHANGED
@@ -142,7 +142,8 @@ const _sfc_main = defineComponent({
142
142
  })
143
143
  ]),
144
144
  index: withCtx(() => [
145
- createElementVNode("span", _hoisted_1, toDisplayString(_ctx.index + 1), 1)
145
+ createElementVNode("span", _hoisted_1, toDisplayString(_ctx.index + 1), 1),
146
+ renderSlot(_ctx.$slots, "after-index")
146
147
  ]),
147
148
  tip: withCtx(() => [
148
149
  createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
package/es/contentDetailList/components/Doc/index.js CHANGED
@@ -37,6 +37,12 @@ const _sfc_main = defineComponent({
37
37
  index: _ctx.index
38
38
  })
39
39
  ]),
40
+ "after-index": withCtx(() => [
41
+ renderSlot(_ctx.$slots, "after-index", {
42
+ row: _ctx.element,
43
+ index: _ctx.index
44
+ })
45
+ ]),
40
46
  batch: withCtx(() => [
41
47
  renderSlot(_ctx.$slots, "batch", {
42
48
  row: _ctx.item,
package/lib/baseFilter/component.js CHANGED
@@ -79,7 +79,10 @@ const _sfc_main = vue.defineComponent({
79
79
  _form[column.range] = rangeTemp[column.range];
80
80
  } else if (column.component === "select") {
81
81
  _form[column.key] = column.defaultValue || null;
82
- } else {
82
+ } else if (column.component === "input-group") {
83
+ _form[column.selectKey] = column.selectDefaultValue || "";
84
+ _form[column.inputKey] = column.inputDefaultValue || "";
85
+ } else if (column.component) {
83
86
  _form[column.key] = column.defaultValue || "";
84
87
  }
85
88
  });
@@ -181,8 +184,39 @@ const _sfc_main = vue.defineComponent({
181
184
  active: hasValue.value(item.key)
182
185
  }, {
183
186
  default: vue.withCtx(() => [
184
- item.slot ? vue.renderSlot(_ctx.$slots, item.slot, { key: 0 }) : item.component === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
185
- key: 1,
187
+ item.slot ? vue.renderSlot(_ctx.$slots, item.slot, { key: 0 }) : item.component === "input-group" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputGroup), { key: 1 }, {
188
+ default: vue.withCtx(() => [
189
+ vue.createVNode(vue.unref(webVue.Select), {
190
+ modelValue: form.value[item.selectKey],
191
+ "onUpdate:modelValue": ($event) => form.value[item.selectKey] = $event,
192
+ "default-active-first-option": "",
193
+ style: { "width": "100px" }
194
+ }, {
195
+ default: vue.withCtx(() => [
196
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.selectOptions, (option, idx) => {
197
+ return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
198
+ key: idx,
199
+ value: option.value
200
+ }, {
201
+ default: vue.withCtx(() => [
202
+ vue.createTextVNode(vue.toDisplayString(option.label), 1)
203
+ ]),
204
+ _: 2
205
+ }, 1032, ["value"]);
206
+ }), 128))
207
+ ]),
208
+ _: 2
209
+ }, 1032, ["modelValue", "onUpdate:modelValue"]),
210
+ vue.createVNode(vue.unref(webVue.Input), {
211
+ modelValue: form.value[item.inputKey],
212
+ "onUpdate:modelValue": ($event) => form.value[item.inputKey] = $event,
213
+ placeholder: item.placeholder ? item.placeholder : `\u8BF7\u8F93\u5165${item.inputLabel}`,
214
+ style: { "width": "180px" }
215
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
216
+ ]),
217
+ _: 2
218
+ }, 1024)) : item.component === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
219
+ key: 2,
186
220
  modelValue: form.value[item.key],
187
221
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
188
222
  style: vue.normalizeStyle({ width: styleWidth(columnsMap.value[item.key]) }),
@@ -191,7 +225,7 @@ const _sfc_main = vue.defineComponent({
191
225
  placeholder: item.placeholder ? item.placeholder : `\u8BF7\u8F93\u5165${item.label}`
192
226
  }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
193
227
  item.component === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
194
- key: 2,
228
+ key: 3,
195
229
  modelValue: form.value[item.key],
196
230
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
197
231
  "popup-container": "#base-filter-popup-container",
@@ -216,7 +250,7 @@ const _sfc_main = vue.defineComponent({
216
250
  _: 2
217
251
  }, 1032, ["modelValue", "onUpdate:modelValue", "allow-search", "style", "placeholder", "onSearch", "onPopupVisibleChange", "onChange"])) : vue.createCommentVNode("v-if", true),
218
252
  item.component === "range-picker" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
219
- key: 3,
253
+ key: 4,
220
254
  modelValue: form.value[item.key].range,
221
255
  "onUpdate:modelValue": ($event) => form.value[item.key].range = $event,
222
256
  style: vue.normalizeStyle({ width: styleWidth(form.value[item.key]) }),
@@ -229,7 +263,7 @@ const _sfc_main = vue.defineComponent({
229
263
  }, ["stop"]))
230
264
  }, null, 8, ["modelValue", "onUpdate:modelValue", "style"])) : vue.createCommentVNode("v-if", true),
231
265
  item.component === "radio" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RadioGroup), {
232
- key: 4,
266
+ key: 5,
233
267
  modelValue: form.value[item.key],
234
268
  "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
235
269
  type: "button"
package/lib/contentDetailList/component.js CHANGED
@@ -109,6 +109,12 @@ const _sfc_main = vue.defineComponent({
109
109
  onCellMouseEnter: tableCellMouseEnter,
110
110
  onCellMouseLeave: tableCellMouseLeave
111
111
  }, {
112
+ "after-index": vue.withCtx(() => [
113
+ vue.renderSlot(_ctx.$slots, "after-index", {
114
+ row: element,
115
+ index: index$4
116
+ })
117
+ ]),
112
118
  batch: vue.withCtx(() => [
113
119
  vue.renderSlot(_ctx.$slots, "batch", {
114
120
  row: element,
@@ -133,6 +139,12 @@ const _sfc_main = vue.defineComponent({
133
139
  onCellMouseEnter: tableCellMouseEnter,
134
140
  onCellMouseLeave: tableCellMouseLeave
135
141
  }, {
142
+ "after-index": vue.withCtx(() => [
143
+ vue.renderSlot(_ctx.$slots, "after-index", {
144
+ row: element,
145
+ index: index$4
146
+ })
147
+ ]),
136
148
  tip: vue.withCtx(() => [
137
149
  vue.renderSlot(_ctx.$slots, "tip", {
138
150
  row: element,
@@ -229,6 +241,12 @@ const _sfc_main = vue.defineComponent({
229
241
  onCellMouseEnter: tableCellMouseEnter,
230
242
  onCellMouseLeave: tableCellMouseLeave
231
243
  }, {
244
+ "after-index": vue.withCtx(() => [
245
+ vue.renderSlot(_ctx.$slots, "after-index", {
246
+ row: item,
247
+ index: index$4
248
+ })
249
+ ]),
232
250
  batch: vue.withCtx(() => [
233
251
  vue.renderSlot(_ctx.$slots, "batch", {
234
252
  row: item,
@@ -253,6 +271,12 @@ const _sfc_main = vue.defineComponent({
253
271
  onCellMouseEnter: tableCellMouseEnter,
254
272
  onCellMouseLeave: tableCellMouseLeave
255
273
  }, {
274
+ "after-index": vue.withCtx(() => [
275
+ vue.renderSlot(_ctx.$slots, "after-index", {
276
+ row: item,
277
+ index: index$4
278
+ })
279
+ ]),
256
280
  tip: vue.withCtx(() => [
257
281
  vue.renderSlot(_ctx.$slots, "tip", {
258
282
  row: item,
package/lib/contentDetailList/components/Content/index.js CHANGED
@@ -143,7 +143,8 @@ const _sfc_main = vue.defineComponent({
143
143
  })
144
144
  ]),
145
145
  index: vue.withCtx(() => [
146
- vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(_ctx.index + 1), 1)
146
+ vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(_ctx.index + 1), 1),
147
+ vue.renderSlot(_ctx.$slots, "after-index")
147
148
  ]),
148
149
  tip: vue.withCtx(() => [
149
150
  vue.createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
package/lib/contentDetailList/components/Doc/index.js CHANGED
@@ -38,6 +38,12 @@ const _sfc_main = vue.defineComponent({
38
38
  index: _ctx.index
39
39
  })
40
40
  ]),
41
+ "after-index": vue.withCtx(() => [
42
+ vue.renderSlot(_ctx.$slots, "after-index", {
43
+ row: _ctx.element,
44
+ index: _ctx.index
45
+ })
46
+ ]),
41
47
  batch: vue.withCtx(() => [
42
48
  vue.renderSlot(_ctx.$slots, "batch", {
43
49
  row: _ctx.item,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "3.9.2-alpha.5",
3
+ "version": "3.9.2-alpha.7",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",