@tmagic/form 1.8.0-manmanyu.18 → 1.8.0-manmanyu.20

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/es/fields/RadioGroup.vue_vue_type_script_setup_true_lang.js +3 -1
  2. package/dist/themes/magic-admin.css +3 -11
  3. package/dist/tmagic-form.umd.cjs +3 -1
  4. package/package.json +4 -4
  5. package/src/fields/RadioGroup.vue +10 -1
  6. package/src/theme/themes/magic-admin/index.scss +3 -9
package/dist/es/fields/RadioGroup.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -35,6 +35,7 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
35
35
  };
36
36
  useAddField(props.prop);
37
37
  const iconSize = computed(() => {
38
+ if (props.config.iconSize) return props.config.iconSize;
38
39
  if (props.size === "small") return "14";
39
40
  if (props.size === "large") return "16";
40
41
  return "16";
@@ -44,7 +45,8 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
44
45
  key: 0,
45
46
  "model-value": __props.model[__props.name],
46
47
  size: __props.size,
47
- disabled: __props.disabled
48
+ disabled: __props.disabled,
49
+ class: "icon-{{ iconSize }}"
48
50
  }, {
49
51
  default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
50
52
  return openBlock(), createBlock(resolveDynamicComponent(itemComponent.value), {
package/dist/themes/magic-admin.css CHANGED
@@ -462,23 +462,15 @@ fieldset.m-fieldset .m-form-tip {
462
462
  white-space: pre-line;
463
463
  line-height: 20px;
464
464
  }
465
- .m-form.m-form--magic-admin .el-form-item__content .tmagic-design-radio-group {
466
- row-gap: 10px;
467
- }
468
465
  .m-form.m-form--magic-admin .el-form-item__content .tmagic-design-radio-group .tmagic-design-radio-button {
469
- margin-right: 8px;
470
466
  height: 32px;
471
467
  }
472
468
  .m-form.m-form--magic-admin .el-form-item__content .tmagic-design-radio-group .tmagic-design-radio-button .el-radio-button__inner {
473
- outline: none !important;
474
- border: 0 !important;
475
- height: 32px;
476
469
  height: 32px;
477
- border-radius: 16px;
478
- padding: 0 16px;
479
- display: inline-flex;
470
+ display: flex;
471
+ padding-top: 0;
472
+ padding-bottom: 0;
480
473
  align-items: center;
481
- justify-content: center;
482
474
  }
483
475
  .m-form.m-form--magic-admin .m-fields-data-source-field-select .tmagic-design-button {
484
476
  margin-left: 8px;
package/dist/tmagic-form.umd.cjs CHANGED
@@ -7458,6 +7458,7 @@
7458
7458
  };
7459
7459
  useAddField(props.prop);
7460
7460
  const iconSize = (0, vue.computed)(() => {
7461
+ if (props.config.iconSize) return props.config.iconSize;
7461
7462
  if (props.size === "small") return "14";
7462
7463
  if (props.size === "large") return "16";
7463
7464
  return "16";
@@ -7467,7 +7468,8 @@
7467
7468
  key: 0,
7468
7469
  "model-value": __props.model[__props.name],
7469
7470
  size: __props.size,
7470
- disabled: __props.disabled
7471
+ disabled: __props.disabled,
7472
+ class: "icon-{{ iconSize }}"
7471
7473
  }, {
7472
7474
  default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.config.options, (option) => {
7473
7475
  return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(itemComponent.value), {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.8.0-manmanyu.18",
2
+ "version": "1.8.0-manmanyu.20",
3
3
  "name": "@tmagic/form",
4
4
  "type": "module",
5
5
  "sideEffects": [
@@ -52,9 +52,9 @@
52
52
  "peerDependencies": {
53
53
  "vue": "^3.5.38",
54
54
  "typescript": "^6.0.3",
55
- "@tmagic/design": "1.8.0-manmanyu.18",
56
- "@tmagic/utils": "1.8.0-manmanyu.18",
57
- "@tmagic/form-schema": "1.8.0-manmanyu.18"
55
+ "@tmagic/design": "1.8.0-manmanyu.20",
56
+ "@tmagic/utils": "1.8.0-manmanyu.20",
57
+ "@tmagic/form-schema": "1.8.0-manmanyu.20"
58
58
  },
59
59
  "peerDependenciesMeta": {
60
60
  "typescript": {
package/src/fields/RadioGroup.vue CHANGED
@@ -1,5 +1,11 @@
1
1
  <template>
2
- <TMagicRadioGroup v-if="model" :model-value="model[name]" :size="size" :disabled="disabled">
2
+ <TMagicRadioGroup
3
+ v-if="model"
4
+ :model-value="model[name]"
5
+ :size="size"
6
+ :disabled="disabled"
7
+ class="icon-{{ iconSize }}"
8
+ >
3
9
  <component
4
10
  v-for="option in config.options"
5
11
  :is="itemComponent"
@@ -49,6 +55,9 @@ useAddField(props.prop);
49
55
 
50
56
  // 这里换了设计稿里的图标，所以需要调整一下图标大小
51
57
  const iconSize = computed(() => {
58
+ if (props.config.iconSize) {
59
+ return props.config.iconSize;
60
+ }
52
61
  if (props.size === 'small') {
53
62
  return '14';
54
63
  }
package/src/theme/themes/magic-admin/index.scss CHANGED
@@ -47,20 +47,14 @@
47
47
  }
48
48
  .el-form-item__content {
49
49
  .tmagic-design-radio-group {
50
- row-gap: 10px;
51
50
  .tmagic-design-radio-button {
52
- margin-right: 8px;
53
51
  height: 32px;
54
52
  .el-radio-button__inner {
55
- outline: none !important;
56
- border: 0 !important;
57
53
  height: 32px;
58
- height: 32px;
59
- border-radius: 16px;
60
- padding: 0 16px;
61
- display: inline-flex;
54
+ display: flex;
55
+ padding-top: 0;
56
+ padding-bottom: 0;
62
57
  align-items: center;
63
- justify-content: center;
64
58
  }
65
59
  }
66
60
  }