lw-cdp-ui 1.1.10 → 1.1.12

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.
@@ -335,7 +335,9 @@
335
335
 
336
336
  <!-- 没有组件是component值 就是插槽名称 -->
337
337
  <template v-else>
338
- <slot :name="item.component">
338
+ <slot :name="item.component"
339
+ :itemCur="item"
340
+ :formCur="form">
339
341
  <el-tag type="danger">[{{ item.component }}]
340
342
  没有这个默认组件也未自定义插槽内容</el-tag>
341
343
  </slot>
@@ -1,15 +1,15 @@
1
1
  <template>
2
- <el-skeleton v-if="renderLoading || Object.keys(form).length==0"
2
+ <el-skeleton v-if="renderLoading || Object.keys(form).length == 0"
3
3
  animated />
4
- <el-row :gutter="20"
4
+ <el-row :gutter="0"
5
5
  v-else>
6
6
  <template v-for="(item, index) in config.formItems">
7
7
  <template v-if="!hideHandle(item)">
8
8
  <template v-if="item.component == 'divider'">
9
9
  <el-col :span="item.span || 24"
10
- :class="{topPadding: index !== 0}">
10
+ :class="{ topPadding: index !== 0 }">
11
11
  <div class="top-title-body">
12
- <span class="title-name">{{ item.label }}</span>
12
+ <span class="lw-form-view-title-name">{{ item.label }}</span>
13
13
  <slot :name="item.options?.component"></slot>
14
14
  </div>
15
15
  </el-col>
@@ -19,7 +19,7 @@
19
19
  <div class="span-item"
20
20
  :class="[config.labelPosition]">
21
21
  <span v-if="item.label"
22
- :style="{minWidth: config.labelWidth}"
22
+ :style="{ minWidth: config.labelWidth }"
23
23
  class="title-item">
24
24
  {{ item.label }}
25
25
  <el-tooltip v-if="item.tips"
@@ -29,7 +29,7 @@
29
29
  </span>
30
30
  <!-- input -->
31
31
  <template
32
- v-if="item.component=='input' || item.component=='number'">
32
+ v-if="item.component == 'input' || item.component == 'number'">
33
33
  <template v-if="item?.options?.name">
34
34
  <textToPassword v-model="form[item.name][item.options.name]"
35
35
  :width="config.labelWidth"
@@ -41,7 +41,7 @@
41
41
  </template>
42
42
  </template>
43
43
  <!-- upload -->
44
- <template v-else-if="item.component=='upload'">
44
+ <template v-else-if="item.component == 'upload'">
45
45
  <el-col v-for="(_item, _index) in item.options.items"
46
46
  :key="_index">
47
47
  <template v-if="item.name">
@@ -58,7 +58,7 @@
58
58
  </el-col>
59
59
  </template>
60
60
  <!-- checkbox -->
61
- <template v-else-if="item.component=='checkbox'">
61
+ <template v-else-if="item.component == 'checkbox'">
62
62
  <template v-if="item.name">
63
63
  {{ form[item.name][_item.name] }}
64
64
  </template>
@@ -67,11 +67,11 @@
67
67
  </template>
68
68
  </template>
69
69
  <!-- checkboxGroup -->
70
- <template v-else-if="item.component=='checkboxGroup'">
70
+ <template v-else-if="item.component == 'checkboxGroup'">
71
71
  {{ form[item.name] }}
72
72
  </template>
73
73
  <!-- switch -->
74
- <template v-else-if="item.component=='switch'">
74
+ <template v-else-if="item.component == 'switch'">
75
75
  <template v-if="item?.options?.name">
76
76
  {{ form[item.name][item.options.name] ? item.options.true || '是' : item.options.false || '否' }}
77
77
  </template>
@@ -81,16 +81,16 @@
81
81
  </template>
82
82
  <!-- select -->
83
83
  <template
84
- v-else-if="item.component=='select' || item.component=='radio'">
84
+ v-else-if="item.component == 'select' || item.component == 'radio'">
85
85
  <template v-if="item?.options?.name">
86
- {{getKeyToLabel(form[item.name][item.options.name], item.options.items)}}
86
+ {{ getKeyToLabel(form[item.name][item.options.name], item.options.items) }}
87
87
  </template>
88
88
  <template v-else>
89
- {{getKeyToLabel(form[item.name], item.options.items)}}
89
+ {{ getKeyToLabel(form[item.name], item.options.items) }}
90
90
  </template>
91
91
  </template>
92
92
  <!-- cascader -->
93
- <template v-else-if="item.component=='cascader'">
93
+ <template v-else-if="item.component == 'cascader'">
94
94
  <template v-if="item?.options?.name">
95
95
  <el-cascader v-model="form[item.name][item.options.name]"
96
96
  :options="item.options.items"
@@ -103,9 +103,10 @@
103
103
  </template>
104
104
  </template>
105
105
  <!-- date -->
106
- <template v-else-if="item.component=='date'">
106
+ <template v-else-if="item.component == 'date'">
107
107
  <template v-if="item?.options?.name">
108
- {{ dayjs(form[item.name][item.options.name]).format(item.options.valueFormat || 'YYYY-MM-DD HH:mm:ss') }}
108
+ {{ dayjs(form[item.name][item.options.name]).format(item.options.valueFormat || 'YYYY-MM-DD HH:mm:ss')
109
+ }}
109
110
 
110
111
  </template>
111
112
  <template v-else>
@@ -114,7 +115,7 @@
114
115
 
115
116
  </template>
116
117
  <!-- color -->
117
- <template v-else-if="item.component=='color'">
118
+ <template v-else-if="item.component == 'color'">
118
119
  <template v-if="item?.options?.name">
119
120
  <el-color-picker disabled
120
121
  v-model="form[item.name][item.options.name]" />
@@ -126,7 +127,7 @@
126
127
 
127
128
  </template>
128
129
  <!-- rate -->
129
- <template v-else-if="item.component=='rate'">
130
+ <template v-else-if="item.component == 'rate'">
130
131
  <template v-if="item?.options?.name">
131
132
  <el-rate disabled
132
133
  v-model="form[item.name][item.options.name]"></el-rate>
@@ -137,7 +138,7 @@
137
138
  </template>
138
139
  </template>
139
140
  <!-- slider -->
140
- <template v-else-if="item.component=='slider'">
141
+ <template v-else-if="item.component == 'slider'">
141
142
  <template v-if="item?.options?.name">
142
143
  <el-slider disabled
143
144
  v-model="form[item.name][item.options.name]"
@@ -152,7 +153,7 @@
152
153
  </template>
153
154
 
154
155
  <!-- tags -->
155
- <template v-else-if="item.component=='tags'">
156
+ <template v-else-if="item.component == 'tags'">
156
157
  <div class="tags-list">
157
158
  <template v-if="item?.options?.name">
158
159
  <el-tag v-for="tag in form[item.name][item?.options?.name]"
@@ -175,12 +176,12 @@
175
176
  <template v-else>
176
177
  <slot :name="item.component">
177
178
  <el-tag type="danger">
178
- [{{item.component}}]
179
+ [{{ item.component }}]
179
180
  没有这个默认组件也未自定义插槽内容</el-tag>
180
181
  </slot>
181
182
  </template>
182
183
  <div v-if="item.message"
183
- class="el-form-item-msg">{{item.message}}</div>
184
+ class="el-form-item-msg">{{ item.message }}</div>
184
185
  </div>
185
186
  </el-col>
186
187
  </template>
@@ -337,16 +338,21 @@ export default {
337
338
  </script>
338
339
  <style lang="scss" scoped>
339
340
  .topPadding {
340
- margin-top: 20px;
341
+ border-top: 2px solid #f7f8fa;
342
+ margin-top: 30px;
343
+ padding-top: 30px;
341
344
  }
345
+
342
346
  .top-title-body {
343
347
  display: flex;
344
348
  justify-content: space-between;
349
+ align-items: center;
345
350
  width: 100%;
346
- .title-name {
351
+ height: 30px;
352
+ margin-bottom: 5px;
353
+ .lw-form-view-title-name {
347
354
  font-size: 18px;
348
355
  font-weight: bold;
349
- margin-bottom: 10px;
350
356
  }
351
357
  }
352
358
 
@@ -359,14 +365,17 @@ export default {
359
365
  line-height: 24px;
360
366
  font-size: 14px;
361
367
  width: 100%;
368
+
362
369
  &.top {
363
370
  flex-direction: column;
364
371
  }
372
+
365
373
  &.right {
366
374
  .title-item {
367
375
  text-align: right;
368
376
  }
369
377
  }
378
+
370
379
  .title-item {
371
380
  color: #7c7c7c;
372
381
  display: inline-block;
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <!-- 通栏布局 -->
3
- <template v-if="layout=='header'">
3
+ <template v-if="layout == 'header'">
4
4
  <header class="adminui-header">
5
5
  <div class="adminui-header-left">
6
6
  <div class="logo-bar">
@@ -12,7 +12,7 @@
12
12
  class="nav">
13
13
  <li v-for="item in menu"
14
14
  :key="item"
15
- :class="pmenu.path==item.path?'active':''"
15
+ :class="pmenu.path == item.path ? 'active' : ''"
16
16
  @click="showMenu(item)">
17
17
  <el-icon>
18
18
  <component :is="item.meta.icon || 'el-icon-menu'" />
@@ -27,8 +27,8 @@
27
27
  </div>
28
28
  </header>
29
29
  <section class="aminui-wrapper">
30
- <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
31
- :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
30
+ <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
31
+ :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
32
32
  <div v-if="!menuIsCollapse"
33
33
  class="adminui-side-top">
34
34
  <h2>{{ pmenu.meta.title }}</h2>
@@ -45,8 +45,7 @@
45
45
  </div>
46
46
  <div class="adminui-side-bottom"
47
47
  @click="$store.commit('TOGGLE_menuIsCollapse')">
48
- <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
49
- v-else /></el-icon>
48
+ <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold v-else /></el-icon>
50
49
  </div>
51
50
  </div>
52
51
  <Side-m v-if="ismobile"></Side-m>
@@ -71,7 +70,7 @@
71
70
  </template>
72
71
 
73
72
  <!-- 经典布局 -->
74
- <template v-else-if="layout=='menu'">
73
+ <template v-else-if="layout == 'menu'">
75
74
  <section class="aminui-body-menu">
76
75
  <div class="aminui-side-split-left">
77
76
  <Aside></Aside>
@@ -79,13 +78,12 @@
79
78
 
80
79
  <section class="aminui-wrapper">
81
80
  <div v-if="!ismobile"
82
- :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
81
+ :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
82
+ <div class="title-name">
83
+ {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
84
+ </div>
83
85
  <div class="adminui-side-scroll">
84
-
85
86
  <el-scrollbar>
86
- <div class="title-name">
87
- {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
88
- </div>
89
87
  <el-menu :default-active="active"
90
88
  router
91
89
  :collapse="menuIsCollapse"
@@ -96,15 +94,14 @@
96
94
  </div>
97
95
  <div class="adminui-side-bottom"
98
96
  @click="$store.commit('TOGGLE_menuIsCollapse')">
99
- <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
100
- v-else /></el-icon>
97
+ <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold v-else /></el-icon>
101
98
  </div>
102
99
  </div>
103
100
  <Side-m v-if="ismobile"></Side-m>
104
101
  <div class="aminui-body el-container">
105
102
  <div class="aminui-body-menu-top">
106
103
  <div class="top-bar-title">
107
- <span class="title">{{$t("layout.topbar")}}:</span>
104
+ <span class="title">{{ $t("layout.topbar") }}:</span>
108
105
  <Topbar v-if="!ismobile"></Topbar>
109
106
  </div>
110
107
  <userbar :isShowBu="isShowBu"
@@ -115,8 +112,7 @@
115
112
  id="adminui-main">
116
113
  <slot name="routerView">
117
114
  <router-view v-slot="{ Component }">
118
- <keep-alive
119
- :include="this.$store.state.keepAlive.keepLiveRoute">
115
+ <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
120
116
  <component :is="Component"
121
117
  :key="$route.fullPath"
122
118
  v-if="$store.state.keepAlive.routeShow" />
@@ -131,7 +127,7 @@
131
127
  </template>
132
128
 
133
129
  <!-- 功能坞布局 -->
134
- <template v-else-if="layout=='dock'">
130
+ <template v-else-if="layout == 'dock'">
135
131
  <header class="adminui-header">
136
132
  <div class="adminui-header-left">
137
133
  <div class="logo-bar">
@@ -191,10 +187,10 @@
191
187
  <ul>
192
188
  <li v-for="item in menu"
193
189
  :key="item"
194
- :class="pmenu.path==item.path?'active':''"
190
+ :class="pmenu.path == item.path ? 'active' : ''"
195
191
  @click="showMenu(item)">
196
192
  <el-icon>
197
- <component :is="item.meta.icon || el-icon-menu" />
193
+ <component :is="item.meta.icon || el - icon - menu" />
198
194
  </el-icon>
199
195
  <p>{{ item.meta.title }}</p>
200
196
  </li>
@@ -202,8 +198,8 @@
202
198
  </el-scrollbar>
203
199
  </div>
204
200
  </div>
205
- <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
206
- :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
201
+ <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
202
+ :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
207
203
  <div v-if="!menuIsCollapse"
208
204
  class="adminui-side-top">
209
205
  <h2>{{ pmenu.meta.title }}</h2>
@@ -220,8 +216,7 @@
220
216
  </div>
221
217
  <div class="adminui-side-bottom"
222
218
  @click="$store.commit('TOGGLE_menuIsCollapse')">
223
- <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
224
- v-else /></el-icon>
219
+ <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold v-else /></el-icon>
225
220
  </div>
226
221
  </div>
227
222
  <Side-m v-if="ismobile"></Side-m>
@@ -324,7 +319,7 @@ export default {
324
319
  if (isCombined) {
325
320
  this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);
326
321
  }
327
-
322
+
328
323
  this.onLayoutResize();
329
324
  window.addEventListener('resize', this.onLayoutResize);
330
325
  await this.getUserInfo();
@@ -356,8 +351,8 @@ export default {
356
351
  },
357
352
  methods: {
358
353
  // 获取用户信息 - 用于从demo环境直接跳转
359
- async getUserInfo(){
360
-
354
+ async getUserInfo() {
355
+
361
356
  // 获取所有bu
362
357
  let bu = await this.$api.auth.bu()
363
358
  this.$tool.data.set('buList', bu)
@@ -224,7 +224,7 @@ export default {
224
224
  })
225
225
  return false
226
226
  }
227
- var response = this.parseData(res)
227
+ var response = this.parseData(res,file)
228
228
  file.url = response.src
229
229
  this.value = file.url
230
230
  },
@@ -1257,7 +1257,7 @@ const iframeView = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_ren
1257
1257
  }, _hoisted_12$2 = {
1258
1258
  key: 1,
1259
1259
  class: "aminui-body-menu"
1260
- }, _hoisted_13$1 = { class: "aminui-side-split-left" }, _hoisted_14$1 = { class: "aminui-wrapper" }, _hoisted_15$1 = { class: "adminui-side-scroll" }, _hoisted_16$1 = { class: "title-name" }, _hoisted_17$1 = { class: "aminui-body el-container" }, _hoisted_18$1 = { class: "aminui-body-menu-top" }, _hoisted_19$1 = { class: "top-bar-title" }, _hoisted_20$1 = { class: "title" }, _hoisted_21$1 = {
1260
+ }, _hoisted_13$1 = { class: "aminui-side-split-left" }, _hoisted_14$1 = { class: "aminui-wrapper" }, _hoisted_15$1 = { class: "title-name" }, _hoisted_16$1 = { class: "adminui-side-scroll" }, _hoisted_17$1 = { class: "aminui-body el-container" }, _hoisted_18$1 = { class: "aminui-body-menu-top" }, _hoisted_19$1 = { class: "top-bar-title" }, _hoisted_20$1 = { class: "title" }, _hoisted_21$1 = {
1261
1261
  class: "adminui-main",
1262
1262
  id: "adminui-main"
1263
1263
  }, _hoisted_22$1 = { class: "adminui-header" }, _hoisted_23$1 = { class: "adminui-header-left" }, _hoisted_24$1 = { class: "logo-bar" }, _hoisted_25$1 = { class: "adminui-header-right" }, _hoisted_26$1 = {
@@ -1385,10 +1385,10 @@ function _sfc_render$g(o, l, r, m, i, p) {
1385
1385
  key: 0,
1386
1386
  class: normalizeClass(p.menuIsCollapse ? "aminui-side isCollapse" : "aminui-side")
1387
1387
  }, [
1388
- createElementVNode("div", _hoisted_15$1, [
1388
+ createElementVNode("div", _hoisted_15$1, toDisplayString(p.menuIsCollapse ? o.$config.APP_NAME.charAt(0) : o.$config.APP_NAME), 1),
1389
+ createElementVNode("div", _hoisted_16$1, [
1389
1390
  createVNode(N, null, {
1390
1391
  default: withCtx(() => [
1391
- createElementVNode("div", _hoisted_16$1, toDisplayString(p.menuIsCollapse ? o.$config.APP_NAME.charAt(0) : o.$config.APP_NAME), 1),
1392
1392
  createVNode(k, {
1393
1393
  "default-active": i.active,
1394
1394
  router: "",
@@ -5333,7 +5333,7 @@ const lwTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render
5333
5333
  return this.$nextTick(() => {
5334
5334
  this.file = null, this.value = "";
5335
5335
  }), !1;
5336
- var m = this.parseData(o);
5336
+ var m = this.parseData(o, l);
5337
5337
  l.url = m.src, this.value = l.url;
5338
5338
  },
5339
5339
  error(o) {
@@ -6049,7 +6049,11 @@ function _sfc_render$6(o, l, r, m, i, p) {
6049
6049
  ])),
6050
6050
  _: 1
6051
6051
  }))
6052
- ])) : renderSlot(o.$slots, d.component, { key: 14 }, () => [
6052
+ ])) : renderSlot(o.$slots, d.component, {
6053
+ key: 14,
6054
+ itemCur: d,
6055
+ formCur: i.form
6056
+ }, () => [
6053
6057
  createVNode(ie, { type: "danger" }, {
6054
6058
  default: withCtx(() => [
6055
6059
  createTextVNode("[" + toDisplayString(d.component) + "] 没有这个默认组件也未自定义插槽内容", 1)
@@ -6097,7 +6101,7 @@ function _sfc_render$6(o, l, r, m, i, p) {
6097
6101
  [T, r.loading]
6098
6102
  ]);
6099
6103
  }
6100
- const lwForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-ac8676e8"]]), config$1 = {
6104
+ const lwForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-9e248ff8"]]), config$1 = {
6101
6105
  icons: [
6102
6106
  {
6103
6107
  name: "默认",
@@ -7572,7 +7576,7 @@ const textToPassword = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc
7572
7576
  },
7573
7577
  dayjs
7574
7578
  }
7575
- }, _hoisted_1$1 = { class: "top-title-body" }, _hoisted_2$1 = { class: "title-name" }, _hoisted_3 = {
7579
+ }, _hoisted_1$1 = { class: "top-title-body" }, _hoisted_2$1 = { class: "lw-form-view-title-name" }, _hoisted_3 = {
7576
7580
  key: 12,
7577
7581
  class: "tags-list"
7578
7582
  }, _hoisted_4 = {
@@ -7586,7 +7590,7 @@ function _sfc_render$1(o, l, r, m, i, p) {
7586
7590
  animated: ""
7587
7591
  })) : (openBlock(), createBlock(oe, {
7588
7592
  key: 1,
7589
- gutter: 20
7593
+ gutter: 0
7590
7594
  }, {
7591
7595
  default: withCtx(() => [
7592
7596
  (openBlock(!0), createElementBlock(Fragment, null, renderList(r.config.formItems, (_, G) => (openBlock(), createElementBlock(Fragment, null, [
@@ -7776,7 +7780,7 @@ function _sfc_render$1(o, l, r, m, i, p) {
7776
7780
  _: 3
7777
7781
  }));
7778
7782
  }
7779
- const lwFormView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-0c2eb1e0"]]), _sfc_main = {
7783
+ const lwFormView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-021cd72b"]]), _sfc_main = {
7780
7784
  name: "lwCronSelect",
7781
7785
  props: {
7782
7786
  disabled: {