tianheng-ui 0.0.72 → 0.0.73

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 (7) hide show
  1. package/lib/tianheng-ui.js +12 -12
  2. package/package.json +1 -1
  3. package/packages/FormMaking/Container.vue +0 -4
  4. package/packages/FormMaking/WidgetConfig.vue +96 -97
  5. package/packages/FormMaking/index.js +1 -1
  6. package/packages/FormMaking/making.js +1 -1
  7. package/packages/FormMaking/styles/index.scss +4 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "tianheng-ui",
3
3
  "description": "A Vue.js project",
4
- "version": "0.0.72",
4
+ "version": "0.0.73",
5
5
  "author": "shu lang <403732931@qq.com>",
6
6
  "license": "MIT",
7
7
  "private": false,
package/packages/FormMaking/Container.vue CHANGED
@@ -368,8 +368,6 @@ import WidgetConfig from "./WidgetConfig";
368
368
  import FormConfig from "./FormConfig";
369
369
  import WidgetForm from "./WidgetForm";
370
370
  import GenerateForm from "./GenerateForm";
371
- import ThDialog from "ui/Dialog/index.vue";
372
- import ThCodeEditor from "ui/CodeEditor/index.vue";
373
371
  import {
374
372
  basicComponents,
375
373
  advanceComponents,
@@ -388,8 +386,6 @@ export default {
388
386
  FormConfig,
389
387
  WidgetForm,
390
388
  GenerateForm,
391
- ThDialog,
392
- ThCodeEditor
393
389
  },
394
390
  props: {
395
391
  preview: {
package/packages/FormMaking/WidgetConfig.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div v-if="show">
2
+ <div class="widgetConfig" v-if="show">
3
3
  <component
4
4
  :widget="data"
5
5
  :config="config"
@@ -12,6 +12,7 @@
12
12
  <th-dialog
13
13
  title="动作设置"
14
14
  v-model="eventsDialog.visible"
15
+ :modal-append-to-body="false"
15
16
  @on-fullscreen="$refs.codeEditor && $refs.codeEditor.resize()"
16
17
  >
17
18
  <div class="eventsSetting">
@@ -347,127 +348,125 @@ export default {
347
348
  </script>
348
349
 
349
350
  <style lang="less" scoped>
350
- .remoteApis {
351
- width: 100%;
352
- margin-bottom: 6px;
351
+ .widgetConfig {
352
+ .remoteApis {
353
+ width: 100%;
354
+ margin-bottom: 6px;
353
355
 
354
- /deep/ .el-input--prefix .el-input__inner {
355
- padding-left: 85px;
356
- }
356
+ /deep/ .el-input--prefix .el-input__inner {
357
+ padding-left: 85px;
358
+ }
357
359
 
358
- /deep/ .el-input__prefix {
359
- left: 0;
360
- width: 75px;
361
- color: #999;
360
+ /deep/ .el-input__prefix {
361
+ left: 0;
362
+ width: 75px;
363
+ color: #999;
364
+ }
362
365
  }
363
- }
364
366
 
365
- /deep/ .el-form-item__label {
366
- width: 100%;
367
- }
368
-
369
- .el-dialog__body {
370
- padding: 20px;
371
- }
367
+ .el-dialog__body {
368
+ padding: 20px;
369
+ }
372
370
 
373
- .eventsSetting {
374
- height: 100%;
375
- display: flex;
376
- border: 1px solid #eee;
371
+ .eventsSetting {
372
+ height: 100%;
373
+ display: flex;
374
+ border: 1px solid #eee;
377
375
 
378
- .list {
379
- width: 270px;
380
- min-height: 430px;
381
- overflow-y: overlay;
382
- border-right: 1px solid #eee;
376
+ .list {
377
+ width: 270px;
378
+ min-height: 430px;
379
+ overflow-y: overlay;
380
+ border-right: 1px solid #eee;
383
381
 
384
- .list-header {
385
- position: sticky;
386
- top: 0;
387
- display: flex;
388
- align-items: center;
389
- justify-content: space-between;
390
- padding: 5px;
391
- line-height: 30px;
392
- border-bottom: 1px solid #eee;
393
- background: #f2f6fc;
394
- }
382
+ .list-header {
383
+ position: sticky;
384
+ top: 0;
385
+ display: flex;
386
+ align-items: center;
387
+ justify-content: space-between;
388
+ padding: 5px;
389
+ line-height: 30px;
390
+ border-bottom: 1px solid #eee;
391
+ background: #f2f6fc;
392
+ }
395
393
 
396
- .list-item {
397
- display: flex;
398
- // align-items: center;
399
- margin: 5px;
400
- padding: 10px;
401
- border-radius: 3px;
402
- border: 1px solid #dcdfe6;
403
- transition: 0.25s;
394
+ .list-item {
395
+ display: flex;
396
+ // align-items: center;
397
+ margin: 5px;
398
+ padding: 10px;
399
+ border-radius: 3px;
400
+ border: 1px solid #dcdfe6;
401
+ transition: 0.25s;
404
402
 
405
- .list-item-title {
406
- color: var(--th-green);
407
- }
408
- .list-item-value {
409
- flex: 1;
410
- padding: 0 5px;
411
- }
412
- i {
413
- cursor: pointer;
403
+ .list-item-title {
404
+ color: var(--th-green);
405
+ }
406
+ .list-item-value {
407
+ flex: 1;
408
+ padding: 0 5px;
409
+ }
410
+ i {
411
+ cursor: pointer;
412
+ }
414
413
  }
415
- }
416
414
 
417
- .list-item:hover {
418
- background-color: #f2f6fc;
415
+ .list-item:hover {
416
+ background-color: #f2f6fc;
417
+ }
419
418
  }
420
- }
421
419
 
422
- .detail {
423
- flex: 1;
424
- padding: 10px;
420
+ .detail {
421
+ flex: 1;
422
+ padding: 10px;
425
423
 
426
- > div:nth-child(1) {
427
- position: relative;
428
- display: flex;
429
- align-items: center;
430
- margin-bottom: 20px;
431
- padding-left: 10px;
424
+ > div:nth-child(1) {
425
+ position: relative;
426
+ display: flex;
427
+ align-items: center;
428
+ margin-bottom: 20px;
429
+ padding-left: 10px;
432
430
 
433
- /deep/ .el-input {
434
- flex: 1;
435
- margin-left: 10px;
431
+ /deep/ .el-input {
432
+ flex: 1;
433
+ margin-left: 10px;
434
+ }
436
435
  }
437
- }
438
-
439
- > div:nth-child(1)::after {
440
- content: "*";
441
- position: absolute;
442
- left: 0;
443
- color: red;
444
- }
445
436
 
446
- > div:nth-child(2) {
447
- height: calc(100% - 48px);
448
- > div:nth-child(1) {
449
- margin-bottom: 10px;
450
- color: var(--th-blue);
437
+ > div:nth-child(1)::after {
438
+ content: "*";
439
+ position: absolute;
440
+ left: 0;
441
+ color: red;
451
442
  }
452
443
 
453
- > div:nth-child(3) {
454
- margin-top: 10px;
455
- color: var(--th-blue);
444
+ > div:nth-child(2) {
445
+ height: calc(100% - 48px);
446
+ > div:nth-child(1) {
447
+ margin-bottom: 10px;
448
+ color: var(--th-blue);
449
+ }
450
+
451
+ > div:nth-child(3) {
452
+ margin-top: 10px;
453
+ color: var(--th-blue);
454
+ }
456
455
  }
457
456
  }
458
457
  }
459
- }
460
- .selectableRange {
461
- width: 100%;
458
+ .selectableRange {
459
+ width: 100%;
462
460
 
463
- /deep/ .el-range-separator {
464
- width: 20px;
461
+ /deep/ .el-range-separator {
462
+ width: 20px;
463
+ }
465
464
  }
466
- }
467
465
 
468
- .functions {
469
- span {
470
- margin: 0 5px;
466
+ .functions {
467
+ span {
468
+ margin: 0 5px;
469
+ }
471
470
  }
472
471
  }
473
472
  </style>
package/packages/FormMaking/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "normalize.css/normalize.css";
2
2
  import "./iconfont/iconfont.css";
3
- import "./styles/cover.scss";
3
+ // import "./styles/cover.scss";
4
4
  import "./styles/index.scss";
5
5
 
6
6
  import FormMaking from "./Container.vue";
package/packages/FormMaking/making.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "normalize.css/normalize.css";
2
2
  import "./iconfont/iconfont.css";
3
- import "./styles/cover.scss";
3
+ // import "./styles/cover.scss";
4
4
  import "./styles/index.scss";
5
5
  import FormMaking from "./Container.vue";
6
6
  FormMaking.install = function(Vue) {
package/packages/FormMaking/styles/index.scss CHANGED
@@ -733,6 +733,10 @@ $primary-background-color: #ecf5ff;
733
733
  padding: 5px;
734
734
  }
735
735
  }
736
+
737
+ .el-form-item__label {
738
+ width: 100%;
739
+ }
736
740
  }
737
741
 
738
742
  .widget-actions {