@tmagic/editor 1.7.8-beta.4 → 1.7.8
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.
- package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js +3 -4
- package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +3 -4
- package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +3 -4
- package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +3 -4
- package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +3 -4
- package/dist/tmagic-editor.umd.cjs +5 -10
- package/package.json +7 -7
- package/src/fields/StyleSetter/components/Border.vue +1 -1
- package/src/fields/StyleSetter/pro/Background.vue +1 -1
- package/src/fields/StyleSetter/pro/Border.vue +1 -1
- package/src/fields/StyleSetter/pro/Font.vue +1 -1
- package/src/fields/StyleSetter/pro/Position.vue +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineFormItem } from "@tmagic/form";
|
|
2
|
-
import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref,
|
|
1
|
+
import { MContainer, defineFormItem } from "@tmagic/form";
|
|
2
|
+
import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
|
|
3
3
|
//#region packages/editor/src/fields/StyleSetter/components/Border.vue?vue&type=script&setup=true&lang.ts
|
|
4
4
|
var _hoisted_1 = { class: "border-box-container" };
|
|
5
5
|
var _hoisted_2 = { class: "border-icon-container" };
|
|
@@ -58,7 +58,6 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
|
|
|
58
58
|
});
|
|
59
59
|
};
|
|
60
60
|
return (_ctx, _cache) => {
|
|
61
|
-
const _component_MContainer = resolveComponent("MContainer");
|
|
62
61
|
return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
|
|
63
62
|
createElementVNode("div", _hoisted_3, [createElementVNode("div", {
|
|
64
63
|
class: normalizeClass(["border-icon border-icon-top", { active: direction.value === "Top" }]),
|
|
@@ -82,7 +81,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
|
|
|
82
81
|
class: normalizeClass(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
|
|
83
82
|
onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
|
|
84
83
|
}, null, 2)])
|
|
85
|
-
]), createElementVNode("div", _hoisted_6, [createVNode(
|
|
84
|
+
]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {
|
|
86
85
|
config: config.value,
|
|
87
86
|
model: __props.model,
|
|
88
87
|
size: __props.size,
|
|
@@ -3,8 +3,8 @@ import Repeat_default from "../icons/background-repeat/Repeat.js";
|
|
|
3
3
|
import RepeatX_default from "../icons/background-repeat/RepeatX.js";
|
|
4
4
|
import RepeatY_default from "../icons/background-repeat/RepeatY.js";
|
|
5
5
|
import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
|
|
6
|
-
import { defineFormItem } from "@tmagic/form";
|
|
7
|
-
import { createBlock, defineComponent, markRaw, openBlock,
|
|
6
|
+
import { MContainer, defineFormItem } from "@tmagic/form";
|
|
7
|
+
import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
|
|
8
8
|
//#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
|
|
9
9
|
var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
10
|
__name: "Background",
|
|
@@ -96,8 +96,7 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
|
|
|
96
96
|
emit("change", value, eventData);
|
|
97
97
|
};
|
|
98
98
|
return (_ctx, _cache) => {
|
|
99
|
-
|
|
100
|
-
return openBlock(), createBlock(_component_MContainer, {
|
|
99
|
+
return openBlock(), createBlock(unref(MContainer), {
|
|
101
100
|
config: unref(config),
|
|
102
101
|
model: __props.values,
|
|
103
102
|
size: __props.size,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Border_default from "../components/Border.js";
|
|
2
|
-
import { defineFormItem } from "@tmagic/form";
|
|
3
|
-
import { Fragment, createElementBlock, createVNode, defineComponent, openBlock,
|
|
2
|
+
import { MContainer, defineFormItem } from "@tmagic/form";
|
|
3
|
+
import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
|
|
4
4
|
//#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
6
|
__name: "Border",
|
|
@@ -23,8 +23,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
|
|
|
23
23
|
emit("change", value, eventData);
|
|
24
24
|
};
|
|
25
25
|
return (_ctx, _cache) => {
|
|
26
|
-
|
|
27
|
-
return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_MContainer, {
|
|
26
|
+
return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
|
|
28
27
|
config: unref(config),
|
|
29
28
|
model: __props.values,
|
|
30
29
|
size: __props.size,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Left_default from "../icons/text-align/Left.js";
|
|
2
2
|
import Center_default from "../icons/text-align/Center.js";
|
|
3
3
|
import Right_default from "../icons/text-align/Right.js";
|
|
4
|
-
import { defineFormItem } from "@tmagic/form";
|
|
5
|
-
import { createBlock, defineComponent, markRaw, openBlock,
|
|
4
|
+
import { MContainer, defineFormItem } from "@tmagic/form";
|
|
5
|
+
import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
|
|
6
6
|
//#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
|
|
7
7
|
var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
8
8
|
__name: "Font",
|
|
@@ -80,8 +80,7 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
|
|
|
80
80
|
emit("change", value, eventData);
|
|
81
81
|
};
|
|
82
82
|
return (_ctx, _cache) => {
|
|
83
|
-
|
|
84
|
-
return openBlock(), createBlock(_component_MContainer, {
|
|
83
|
+
return openBlock(), createBlock(unref(MContainer), {
|
|
85
84
|
config: unref(config),
|
|
86
85
|
model: __props.values,
|
|
87
86
|
size: __props.size,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineFormItem } from "@tmagic/form";
|
|
2
|
-
import { createBlock, defineComponent, openBlock,
|
|
1
|
+
import { MContainer, defineFormItem } from "@tmagic/form";
|
|
2
|
+
import { createBlock, defineComponent, openBlock, unref } from "vue";
|
|
3
3
|
//#region packages/editor/src/fields/StyleSetter/pro/Position.vue?vue&type=script&setup=true&lang.ts
|
|
4
4
|
var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
5
5
|
__name: "Position",
|
|
@@ -77,8 +77,7 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
|
|
|
77
77
|
emit("change", value, eventData);
|
|
78
78
|
};
|
|
79
79
|
return (_ctx, _cache) => {
|
|
80
|
-
|
|
81
|
-
return openBlock(), createBlock(_component_MContainer, {
|
|
80
|
+
return openBlock(), createBlock(unref(MContainer), {
|
|
82
81
|
config: unref(config),
|
|
83
82
|
model: __props.values,
|
|
84
83
|
size: __props.size,
|
|
@@ -16951,8 +16951,7 @@
|
|
|
16951
16951
|
emit("change", value, eventData);
|
|
16952
16952
|
};
|
|
16953
16953
|
return (_ctx, _cache) => {
|
|
16954
|
-
|
|
16955
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
|
|
16954
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
|
|
16956
16955
|
config: (0, vue.unref)(config),
|
|
16957
16956
|
model: __props.values,
|
|
16958
16957
|
size: __props.size,
|
|
@@ -17081,8 +17080,7 @@
|
|
|
17081
17080
|
emit("change", value, eventData);
|
|
17082
17081
|
};
|
|
17083
17082
|
return (_ctx, _cache) => {
|
|
17084
|
-
|
|
17085
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
|
|
17083
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
|
|
17086
17084
|
config: (0, vue.unref)(config),
|
|
17087
17085
|
model: __props.values,
|
|
17088
17086
|
size: __props.size,
|
|
@@ -17687,8 +17685,7 @@
|
|
|
17687
17685
|
emit("change", value, eventData);
|
|
17688
17686
|
};
|
|
17689
17687
|
return (_ctx, _cache) => {
|
|
17690
|
-
|
|
17691
|
-
return (0, vue.openBlock)(), (0, vue.createBlock)(_component_MContainer, {
|
|
17688
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_form.MContainer), {
|
|
17692
17689
|
config: (0, vue.unref)(config),
|
|
17693
17690
|
model: __props.values,
|
|
17694
17691
|
size: __props.size,
|
|
@@ -17765,7 +17762,6 @@
|
|
|
17765
17762
|
});
|
|
17766
17763
|
};
|
|
17767
17764
|
return (_ctx, _cache) => {
|
|
17768
|
-
const _component_MContainer = (0, vue.resolveComponent)("MContainer");
|
|
17769
17765
|
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [(0, vue.createElementVNode)("div", _hoisted_2, [
|
|
17770
17766
|
(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createElementVNode)("div", {
|
|
17771
17767
|
class: (0, vue.normalizeClass)(["border-icon border-icon-top", { active: direction.value === "Top" }]),
|
|
@@ -17789,7 +17785,7 @@
|
|
|
17789
17785
|
class: (0, vue.normalizeClass)(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
|
|
17790
17786
|
onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
|
|
17791
17787
|
}, null, 2)])
|
|
17792
|
-
]), (0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.createVNode)(
|
|
17788
|
+
]), (0, vue.createElementVNode)("div", _hoisted_6, [(0, vue.createVNode)((0, vue.unref)(_tmagic_form.MContainer), {
|
|
17793
17789
|
config: config.value,
|
|
17794
17790
|
model: __props.model,
|
|
17795
17791
|
size: __props.size,
|
|
@@ -17830,8 +17826,7 @@
|
|
|
17830
17826
|
emit("change", value, eventData);
|
|
17831
17827
|
};
|
|
17832
17828
|
return (_ctx, _cache) => {
|
|
17833
|
-
|
|
17834
|
-
return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)(_component_MContainer, {
|
|
17829
|
+
return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(_tmagic_form.MContainer), {
|
|
17835
17830
|
config: (0, vue.unref)(config),
|
|
17836
17831
|
model: __props.values,
|
|
17837
17832
|
size: __props.size,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.7.8
|
|
2
|
+
"version": "1.7.8",
|
|
3
3
|
"name": "@tmagic/editor",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
@@ -58,11 +58,11 @@
|
|
|
58
58
|
"moveable": "^0.53.0",
|
|
59
59
|
"serialize-javascript": "^7.0.0",
|
|
60
60
|
"sortablejs": "^1.15.6",
|
|
61
|
-
"@tmagic/design": "1.7.8
|
|
62
|
-
"@tmagic/
|
|
63
|
-
"@tmagic/
|
|
64
|
-
"@tmagic/
|
|
65
|
-
"@tmagic/
|
|
61
|
+
"@tmagic/design": "1.7.8",
|
|
62
|
+
"@tmagic/table": "1.7.8",
|
|
63
|
+
"@tmagic/stage": "1.7.8",
|
|
64
|
+
"@tmagic/form": "1.7.8",
|
|
65
|
+
"@tmagic/utils": "1.7.8"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@types/events": "^3.0.3",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"type-fest": "^5.2.0",
|
|
77
77
|
"typescript": "^5.9.3",
|
|
78
78
|
"vue": "^3.5.24",
|
|
79
|
-
"@tmagic/core": "1.7.8
|
|
79
|
+
"@tmagic/core": "1.7.8"
|
|
80
80
|
},
|
|
81
81
|
"peerDependenciesMeta": {
|
|
82
82
|
"typescript": {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
import { computed, ref } from 'vue';
|
|
40
40
|
|
|
41
41
|
import type { ContainerChangeEventData, FormValue } from '@tmagic/form';
|
|
42
|
-
import { defineFormItem,
|
|
42
|
+
import { defineFormItem, MContainer } from '@tmagic/form';
|
|
43
43
|
import type { StyleSchema } from '@tmagic/schema';
|
|
44
44
|
|
|
45
45
|
const direction = ref('');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<script lang="ts" setup>
|
|
6
6
|
import { markRaw } from 'vue';
|
|
7
7
|
|
|
8
|
-
import { type ContainerChangeEventData, defineFormItem,
|
|
8
|
+
import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
|
|
9
9
|
import type { StyleSchema } from '@tmagic/schema';
|
|
10
10
|
|
|
11
11
|
import BackgroundPosition from '../components/BackgroundPosition.vue';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
</template>
|
|
5
5
|
|
|
6
6
|
<script lang="ts" setup>
|
|
7
|
-
import { type ContainerChangeEventData, defineFormItem,
|
|
7
|
+
import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
|
|
8
8
|
import type { StyleSchema } from '@tmagic/schema';
|
|
9
9
|
|
|
10
10
|
import Border from '../components/Border.vue';
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<script lang="ts" setup>
|
|
6
6
|
import { markRaw } from 'vue';
|
|
7
7
|
|
|
8
|
-
import { type ContainerChangeEventData, defineFormItem,
|
|
8
|
+
import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
|
|
9
9
|
import type { StyleSchema } from '@tmagic/schema';
|
|
10
10
|
|
|
11
11
|
import { AlignCenter, AlignLeft, AlignRight } from '../icons/text-align';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
</template>
|
|
4
4
|
|
|
5
5
|
<script lang="ts" setup>
|
|
6
|
-
import { type ContainerChangeEventData, defineFormItem,
|
|
6
|
+
import { type ContainerChangeEventData, defineFormItem, MContainer } from '@tmagic/form';
|
|
7
7
|
import type { StyleSchema } from '@tmagic/schema';
|
|
8
8
|
|
|
9
9
|
const props = defineProps<{
|