@kp-ui/lowcode-pc-v2 0.0.10 → 0.0.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.
@@ -135,6 +135,22 @@
135
135
  border-radius: 4px;
136
136
  color: #333;
137
137
  }
138
+ .layout-render-wrapper[data-v-976bc2cb] {
139
+ flex: 1;
140
+ width: 100%;
141
+ height: 100%;
142
+ min-height: 0;
143
+ overflow-y: auto;
144
+ overflow-x: hidden;
145
+ background: var(--ee95b64a);
146
+ }
147
+ .loading-wrapper[data-v-976bc2cb] {
148
+ min-height: 300px;
149
+ padding: 20px;
150
+ }
151
+ .ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-976bc2cb] {
152
+ display: none;
153
+ }
138
154
  .field-wrapper[data-v-254940bd] {
139
155
  position: relative;
140
156
  }
@@ -191,6 +207,80 @@
191
207
  }
192
208
  .ant-form-item .custom-label[data-v-254940bd] .svg-icon {
193
209
  flex: 0 0 auto;
210
+ }.html-text-widget[data-v-af85686c] {
211
+ padding: 8px 0;
212
+ }.button-list-container[data-v-37429548] {
213
+ flex: 1;
214
+ display: flex;
215
+ justify-content: var(--flex);
216
+ }
217
+ .button-list-container .button-icon[data-v-37429548] {
218
+ margin-right: 4px;
219
+ }.button-list-widget[data-v-7c7bae62] {
220
+ display: flex;
221
+ flex-wrap: wrap;
222
+ }
223
+ .button-list-widget.layout-horizontal[data-v-7c7bae62] {
224
+ flex-direction: row;
225
+ }
226
+ .button-list-widget.layout-vertical[data-v-7c7bae62] {
227
+ flex-direction: column;
228
+ }.readonly-mode-field[data-v-9ce952fa] {
229
+ display: inline-block;
230
+ white-space: pre-wrap;
231
+ line-height: 1.5;
232
+ max-height: 100px;
233
+ overflow-y: auto;
234
+ }.select-box[data-v-cd64c14b] {
235
+ display: flex;
236
+ width: 100%;
237
+ }
238
+ .select-box.useModal[data-v-cd64c14b] .ant-select-selector {
239
+ border-top-right-radius: 0;
240
+ border-bottom-right-radius: 0;
241
+ }
242
+ .select-box .useModal-svg[data-v-cd64c14b] {
243
+ border: 1px solid #d9d9d9;
244
+ cursor: pointer;
245
+ width: 40px;
246
+ background: #fafafa;
247
+ line-height: 30px;
248
+ border-left: 0;
249
+ text-align: center;
250
+ border-top-right-radius: 6px;
251
+ border-bottom-right-radius: 6px;
252
+ }.readonly-mode-time[data-v-7b5d160f] .ant-picker {
253
+ display: none;
254
+ }.readonly-mode-time-range[data-v-a6cdcc75] .ant-picker {
255
+ display: none;
256
+ }.color-picker-wrapper[data-v-95d08661] {
257
+ display: flex;
258
+ align-items: center;
259
+ gap: 8px;
260
+ }
261
+ .color-picker-wrapper .color-input[data-v-95d08661] {
262
+ width: 40px;
263
+ height: 32px;
264
+ padding: 0;
265
+ border: 1px solid #d9d9d9;
266
+ border-radius: 4px;
267
+ cursor: pointer;
268
+ }
269
+ .color-picker-wrapper .color-value[data-v-95d08661] {
270
+ font-family: monospace;
271
+ }
272
+ .color-display[data-v-95d08661] {
273
+ display: flex;
274
+ align-items: center;
275
+ gap: 8px;
276
+ }
277
+ .color-display .color-box[data-v-95d08661] {
278
+ width: 20px;
279
+ height: 20px;
280
+ border: 1px solid #d9d9d9;
281
+ border-radius: 4px;
282
+ }.static-text-widget[data-v-fdc47dc4] {
283
+ padding: 8px 0;
194
284
  }.designer[data-v-8c04a069] {
195
285
  position: relative;
196
286
  }
@@ -204,6 +294,39 @@
204
294
  right: 0;
205
295
  bottom: 0;
206
296
  background: rgba(0, 0, 0, 0.01);
297
+ }.file-upload-tip[data-v-d7f7f675] {
298
+ font-size: 12px;
299
+ margin-top: 10px;
300
+ color: var(--text-color-secondary, #8c8c8c);
301
+ line-height: 1.5;
302
+ }
303
+ .tpf-upload .tpf-button[data-v-d7f7f675] {
304
+ display: inline-flex;
305
+ align-items: center;
306
+ gap: 4px;
307
+ padding: 6px 16px;
308
+ border-radius: 6px;
309
+ background: var(--primary-color, #1677ff);
310
+ color: #fff;
311
+ cursor: pointer;
312
+ transition: all 0.2s;
313
+ }
314
+ .tpf-upload .tpf-button[data-v-d7f7f675]:hover {
315
+ opacity: 0.85;
316
+ }.rich-editor-widget[data-v-a69f5c43] .ql-toolbar.ql-snow {
317
+ border-color: #d9d9d9;
318
+ border-top-left-radius: 8px;
319
+ border-top-right-radius: 8px;
320
+ }
321
+ .rich-editor-widget[data-v-a69f5c43] .ql-container.ql-snow {
322
+ border-bottom-left-radius: 8px;
323
+ border-bottom-right-radius: 8px;
324
+ border-color: #d9d9d9;
325
+ }[data-v-143c8384] .ant-tree {
326
+ background: transparent;
327
+ }
328
+ [data-v-143c8384] .ant-tree .ant-tree-checkbox {
329
+ margin-block-start: 0;
207
330
  }.column-row[data-v-30a82eb1] {
208
331
  height: 400px;
209
332
  display: flex;
@@ -299,14 +422,7 @@
299
422
  .column-row .col-right-content-item .col-right-content-item-right[data-v-30a82eb1] .icon-guanbi:hover {
300
423
  opacity: 1;
301
424
  }
302
- .button-list-container[data-v-37429548] {
303
- flex: 1;
304
- display: flex;
305
- justify-content: var(--flex);
306
- }
307
- .button-list-container .button-icon[data-v-37429548] {
308
- margin-right: 4px;
309
- }.talbe-wrapper[data-v-457df1db] {
425
+ .talbe-wrapper[data-v-457df1db] {
310
426
  position: relative;
311
427
  height: var(--3014ec30);
312
428
  display: flex;
@@ -328,106 +444,16 @@
328
444
  margin-top: 10px;
329
445
  display: flex;
330
446
  justify-content: end;
331
- }.file-upload-tip[data-v-d7f7f675] {
332
- font-size: 12px;
333
- margin-top: 10px;
334
- color: var(--text-color-secondary, #8c8c8c);
335
- line-height: 1.5;
336
- }
337
- .tpf-upload .tpf-button[data-v-d7f7f675] {
338
- display: inline-flex;
339
- align-items: center;
340
- gap: 4px;
341
- padding: 6px 16px;
342
- border-radius: 6px;
343
- background: var(--primary-color, #1677ff);
344
- color: #fff;
345
- cursor: pointer;
346
- transition: all 0.2s;
347
- }
348
- .tpf-upload .tpf-button[data-v-d7f7f675]:hover {
349
- opacity: 0.85;
350
- }.rich-editor-widget[data-v-a69f5c43] .ql-toolbar.ql-snow {
351
- border-color: #d9d9d9;
352
- border-top-left-radius: 8px;
353
- border-top-right-radius: 8px;
354
- }
355
- .rich-editor-widget[data-v-a69f5c43] .ql-container.ql-snow {
356
- border-bottom-left-radius: 8px;
357
- border-bottom-right-radius: 8px;
358
- border-color: #d9d9d9;
359
- }[data-v-143c8384] .ant-tree {
360
- background: transparent;
361
- }
362
- [data-v-143c8384] .ant-tree .ant-tree-checkbox {
363
- margin-block-start: 0;
364
- }.button-list-widget[data-v-7c7bae62] {
365
- display: flex;
366
- flex-wrap: wrap;
367
- }
368
- .button-list-widget.layout-horizontal[data-v-7c7bae62] {
369
- flex-direction: row;
370
- }
371
- .button-list-widget.layout-vertical[data-v-7c7bae62] {
372
- flex-direction: column;
373
- }.color-picker-wrapper[data-v-95d08661] {
374
- display: flex;
375
- align-items: center;
376
- gap: 8px;
377
- }
378
- .color-picker-wrapper .color-input[data-v-95d08661] {
379
- width: 40px;
380
- height: 32px;
381
- padding: 0;
382
- border: 1px solid #d9d9d9;
383
- border-radius: 4px;
384
- cursor: pointer;
385
- }
386
- .color-picker-wrapper .color-value[data-v-95d08661] {
387
- font-family: monospace;
388
- }
389
- .color-display[data-v-95d08661] {
390
- display: flex;
391
- align-items: center;
392
- gap: 8px;
393
- }
394
- .color-display .color-box[data-v-95d08661] {
395
- width: 20px;
396
- height: 20px;
397
- border: 1px solid #d9d9d9;
398
- border-radius: 4px;
399
- }.html-text-widget[data-v-af85686c] {
400
- padding: 8px 0;
401
- }.select-box[data-v-cd64c14b] {
402
- display: flex;
447
+ }.grid-cell[data-v-598209c1] {
448
+ position: relative;
449
+ }.grid-container[data-v-a24cd517] {
403
450
  width: 100%;
404
451
  }
405
- .select-box.useModal[data-v-cd64c14b] .ant-select-selector {
406
- border-top-right-radius: 0;
407
- border-bottom-right-radius: 0;
452
+ .grid-container[data-v-a24cd517] .designer-widget-list {
453
+ min-height: 28px;
408
454
  }
409
- .select-box .useModal-svg[data-v-cd64c14b] {
410
- border: 1px solid #d9d9d9;
411
- cursor: pointer;
412
- width: 40px;
413
- background: #fafafa;
414
- line-height: 30px;
415
- border-left: 0;
416
- text-align: center;
417
- border-top-right-radius: 6px;
418
- border-bottom-right-radius: 6px;
419
- }.static-text-widget[data-v-fdc47dc4] {
420
- padding: 8px 0;
421
- }.readonly-mode-field[data-v-9ce952fa] {
422
- display: inline-block;
423
- white-space: pre-wrap;
424
- line-height: 1.5;
425
- max-height: 100px;
426
- overflow-y: auto;
427
- }.readonly-mode-time-range[data-v-a6cdcc75] .ant-picker {
428
- display: none;
429
- }.readonly-mode-time[data-v-7b5d160f] .ant-picker {
430
- display: none;
455
+ .grid-container[data-v-a24cd517] .designer-widget-list .empty-drop-zone {
456
+ height: 28px;
431
457
  }.vf-box-widget[data-v-d52cfec5] {
432
458
  width: 100%;
433
459
  }
@@ -445,52 +471,105 @@
445
471
  }
446
472
  .vf-box-widget .vf-box-content[data-v-d52cfec5] {
447
473
  min-height: 60px;
448
- }.collapse-container[data-v-72ccf79c] {
474
+ }.collapse-container[data-v-a9c6fa96] {
449
475
  display: flex;
450
476
  margin: 2px;
451
477
  width: 100%;
478
+ flex-direction: column;
452
479
  }
453
- .collapse-container .form-widget-list[data-v-72ccf79c] {
480
+ .collapse-container .form-widget-list[data-v-a9c6fa96] {
454
481
  min-height: 28px;
455
482
  }
456
- .collapse-container[data-v-72ccf79c] .header-right .form-widget-list {
483
+ .collapse-container[data-v-a9c6fa96] .header-right .form-widget-list {
457
484
  min-width: 200px;
458
485
  }
459
- .tpf-collapse[data-v-72ccf79c] {
486
+ .tpf-like-collapse[data-v-a9c6fa96] {
487
+ width: 100%;
488
+ background: transparent;
489
+ border: 0;
490
+ padding: 5px;
491
+ box-sizing: border-box;
492
+ }
493
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-item {
494
+ border: 0;
495
+ background: transparent;
460
496
  padding: 5px;
461
497
  }
462
- .tpf-collapse .collapse-right[data-v-72ccf79c] {
498
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-header {
499
+ padding: 10px 10px 10px 0 !important;
500
+ box-sizing: border-box;
501
+ background: #f7f8fa;
502
+ align-items: center !important;
503
+ }
504
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-header-text {
505
+ min-width: 0;
506
+ }
507
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-extra {
508
+ min-height: 30px;
509
+ }
510
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-content {
511
+ border: 0;
512
+ background: transparent;
513
+ padding: 16px;
514
+ }
515
+ .tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-content-box {
516
+ padding: 0;
517
+ border-radius: 6px;
518
+ overflow: hidden;
519
+ background-color: #fff;
520
+ }
521
+ .tpf-like-collapse .tpf-like-collapse-header-content[data-v-a9c6fa96] {
522
+ display: inline-flex;
523
+ align-items: center;
524
+ gap: 5px;
525
+ min-width: 0;
526
+ padding-left: 10px;
527
+ }
528
+ .tpf-like-collapse .tpf-like-collapse-header-content[data-v-a9c6fa96]::before {
529
+ content: '';
530
+ background-color: var(--ant-primary-color);
531
+ width: 4px;
532
+ height: 20px;
533
+ position: absolute;
534
+ top: 50%;
535
+ left: 0;
536
+ transform: translateY(-50%);
537
+ }
538
+ .tpf-like-collapse .tpf-like-collapse-title[data-v-a9c6fa96] {
539
+ font-weight: 500;
540
+ color: #1f2329;
541
+ line-height: 24px;
542
+ font-size: 16px;
543
+ }
544
+ .tpf-like-collapse .collapse-right[data-v-a9c6fa96] {
463
545
  min-width: 200px;
464
546
  min-height: 30px;
465
547
  display: flex;
466
548
  justify-content: end;
467
549
  }
468
- .tpf-collapse[data-v-72ccf79c] .tpf-collapse-content-wrapper {
550
+ .tpf-like-collapse .collapse-right[data-v-a9c6fa96] .ant-form-item {
551
+ margin-bottom: 0;
552
+ }
553
+ .tpf-like-collapse[data-v-a9c6fa96] .tpf-collapse-content-wrapper {
469
554
  overflow: hidden;
470
555
  background-color: #fff;
471
- padding: 16px;
472
556
  }
473
557
  [data-v-17ae4bcb] .ant-modal-body .ime-table {
474
558
  height: 100%;
475
- }.flex-container[data-v-4ac728a4] {
476
- width: 100%;
477
- min-height: 42px;
478
- }
479
- .flex-container[data-v-4ac728a4] .ant-form-item {
480
- margin-bottom: 0;
481
559
  }.form-widget[data-v-4231072f] {
482
560
  width: 100%;
483
561
  min-height: 60px;
484
- }.grid-cell[data-v-598209c1] {
485
- position: relative;
486
- }.grid-container[data-v-a24cd517] {
562
+ }.space-container[data-v-b88f40ce] {
487
563
  width: 100%;
488
564
  }
489
- .grid-container[data-v-a24cd517] .designer-widget-list {
490
- min-height: 28px;
565
+ .space-container[data-v-b88f40ce] .ant-form-item {
566
+ margin-bottom: 0;
567
+ }.flex-container[data-v-4ac728a4] {
568
+ width: 100%;
569
+ min-height: 42px;
491
570
  }
492
- .grid-container[data-v-a24cd517] .designer-widget-list .empty-drop-zone {
493
- height: 28px;
571
+ .flex-container[data-v-4ac728a4] .ant-form-item {
572
+ margin-bottom: 0;
494
573
  }.list-container[data-v-ec678321] {
495
574
  width: 100%;
496
575
  }
@@ -517,11 +596,6 @@
517
596
  border: 1px dashed #d9d9d9;
518
597
  border-radius: 4px;
519
598
  background: #fafafa;
520
- }.space-container[data-v-b88f40ce] {
521
- width: 100%;
522
- }
523
- .space-container[data-v-b88f40ce] .ant-form-item {
524
- margin-bottom: 0;
525
599
  }.page-template-widget[data-v-dc2a06fa] {
526
600
  min-height: 100%;
527
601
  }
@@ -531,20 +605,4 @@
531
605
  .page-template-widget[data-v-dc2a06fa] .addInfoLayout-footer .ant-form-item {
532
606
  margin-bottom: 0;
533
607
  }
534
- .layout-render-wrapper[data-v-976bc2cb] {
535
- flex: 1;
536
- width: 100%;
537
- height: 100%;
538
- min-height: 0;
539
- overflow-y: auto;
540
- overflow-x: hidden;
541
- background: var(--ee95b64a);
542
- }
543
- .loading-wrapper[data-v-976bc2cb] {
544
- min-height: 300px;
545
- padding: 20px;
546
- }
547
- .ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-976bc2cb] {
548
- display: none;
549
- }
550
608
  /*$vite$:1*/
@@ -242,6 +242,8 @@ var en_US_default = {
242
242
  treeDefaultExpandAll: "Default Expand All Tree Nodes",
243
243
  shape: "Button Shape",
244
244
  danger: "Danger Button",
245
+ buttonStyle: "Button Style",
246
+ outline: "Outline",
245
247
  defaultPageSize: "Default Page Size",
246
248
  specifyPageSizeOptions: "Page Size Options",
247
249
  hideOnSinglePage: "Hide Pagination On Single Page",
@@ -293,6 +293,8 @@ var zh_CN_default = {
293
293
  treeDefaultExpandAll: "默认展开所有树节点",
294
294
  shape: "按钮形状",
295
295
  danger: "危险按钮",
296
+ buttonStyle: "按钮样式",
297
+ outline: "描边",
296
298
  ghost: "幽灵按钮",
297
299
  buttonConfig: "按钮配置",
298
300
  placement: "菜单弹出位置",
@@ -16,7 +16,7 @@ import { isArray } from "lodash-es";
16
16
  */
17
17
  function getWidgetCompontent(widget, widgetList, designState) {
18
18
  const widgetType = widget.type;
19
- const currentWidget = widgetList.get(widgetType + "-widget");
19
+ const currentWidget = widgetList.get(widgetType) || widgetList.get(widgetType + "-widget");
20
20
  if (currentWidget) {
21
21
  if (isArray(currentWidget)) return designState ? currentWidget[0] : currentWidget[1];
22
22
  return currentWidget;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kp-ui/lowcode-pc-v2",
3
- "version": "0.0.10",
3
+ "version": "0.0.12",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,6 @@
15
15
  "ant-design-vue": "4.2.6",
16
16
  "query-string": "^6.14.1",
17
17
  "dayjs": "^1.11.7",
18
- "@kp-ui/lowcode-page-schema-skill": "workspace:*",
19
18
  "@kp-ui/tool": "2.14.1",
20
19
  "tailwindcss": "3.4.9",
21
20
  "vue": "3.5.17",
@@ -1,7 +1,7 @@
1
1
  import { useI18n } from "../../../../core/src/utils/i18n.js";
2
2
  import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
3
- import ActionButtonListRender_default from "../ActionButtonListRender.js";
4
3
  import render_default from "../../../render/index.js";
4
+ import ActionButtonListRender_default from "../ActionButtonListRender.js";
5
5
  import { computed, createBlock, createVNode, defineComponent, mergeProps, nextTick, onMounted, openBlock, ref, unref, useAttrs, withCtx } from "vue";
6
6
  import { Skeleton } from "ant-design-vue";
7
7
  import { TpfConfigProvider, TpfModal } from "tmgc2-share";
@@ -26,14 +26,7 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
26
26
  const visible = ref(false);
27
27
  const props = __props;
28
28
  const emit = __emit;
29
- const vfCtx = computed(() => {
30
- var _attrs$row;
31
- return {
32
- _id: (attrs === null || attrs === void 0 || (_attrs$row = attrs.row) === null || _attrs$row === void 0 || (_attrs$row = _attrs$row.record) === null || _attrs$row === void 0 ? void 0 : _attrs$row._id) || null,
33
- type: props.type,
34
- ...attrs
35
- };
36
- });
29
+ const vfCtx = ref();
37
30
  const isDisabled = ref(false);
38
31
  const { vfdRef, formConfig, getPageJson, isLoading } = useLowcode({
39
32
  pageCode: props.formCode,
@@ -48,9 +41,15 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
48
41
  return "新增";
49
42
  });
50
43
  const show = async () => {
44
+ var _attrs$row;
51
45
  visible.value = true;
52
46
  await nextTick();
53
47
  await getPageJson();
48
+ vfCtx.value = {
49
+ _id: (attrs === null || attrs === void 0 || (_attrs$row = attrs.row) === null || _attrs$row === void 0 || (_attrs$row = _attrs$row.record) === null || _attrs$row === void 0 ? void 0 : _attrs$row._id) || null,
50
+ type: props.type,
51
+ ...attrs
52
+ };
54
53
  };
55
54
  const setleftText = (number) => {
56
55
  leftNum.value = number;
@@ -19,6 +19,7 @@ var Radio = {
19
19
  disabled: false,
20
20
  readonly: false,
21
21
  clearable: false,
22
+ buttonStyle: "outline",
22
23
  size: "default"
23
24
  }
24
25
  };
@@ -3,6 +3,6 @@ import index_render_vue_vue_type_script_setup_true_lang_default from "./index-re
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  //#region src/widgets/containers/collapse/index-render.vue
6
- var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-72ccf79c"]]);
6
+ var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a9c6fa96"]]);
7
7
  //#endregion
8
8
  export { index_render_default as default };