@tmagic/editor 1.4.12 → 1.4.13

package/dist/tmagic-editor.js

@@ -5625,7 +5625,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     size: {},
     lastValues: {}
   },
-  setup(__props) {
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const { dataSourceService } = inject("services") || {};
     const mForm = inject("mForm");
@@ -5672,12 +5674,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               type: "cond-op-select",
               parentFields: parentFields.value,
               label: "条件",
-              width: 100,
+              width: 160,
               name: "op"
             },
             {
               label: "值",
-              width: 100,
+              width: 160,
               items: [
                 {
                   name: "value",
@@ -5716,6 +5718,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }
       ]
     }));
+    const changeHandler = (v) => {
+      emit("change", v);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MGroupList), {
         style: { "width": "100%" },
@@ -5725,7 +5730,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         model: _ctx.model,
         "last-values": _ctx.lastValues,
         prop: _ctx.prop,
-        size: _ctx.size
+        size: _ctx.size,
+        onChange: changeHandler
       }, null, 8, ["config", "name", "disabled", "model", "last-values", "prop", "size"]);
     };
   }

package/dist/tmagic-editor.umd.cjs

@@ -5629,7 +5629,9 @@
       size: {},
       lastValues: {}
     },
-    setup(__props) {
+    emits: ["change"],
+    setup(__props, { emit: __emit }) {
+      const emit = __emit;
       const props = __props;
       const { dataSourceService } = vue.inject("services") || {};
       const mForm = vue.inject("mForm");
@@ -5676,12 +5678,12 @@
                 type: "cond-op-select",
                 parentFields: parentFields.value,
                 label: "条件",
-                width: 100,
+                width: 160,
                 name: "op"
               },
               {
                 label: "值",
-                width: 100,
+                width: 160,
                 items: [
                   {
                     name: "value",
@@ -5720,6 +5722,9 @@
           }
         ]
       }));
+      const changeHandler = (v) => {
+        emit("change", v);
+      };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(form.MGroupList), {
           style: { "width": "100%" },
@@ -5729,7 +5734,8 @@
           model: _ctx.model,
           "last-values": _ctx.lastValues,
           prop: _ctx.prop,
-          size: _ctx.size
+          size: _ctx.size,
+          onChange: changeHandler
         }, null, 8, ["config", "name", "disabled", "model", "last-values", "prop", "size"]);
       };
     }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.12",
+  "version": "1.4.13",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -55,8 +55,8 @@
     "moveable": "^0.53.0",
     "serialize-javascript": "^6.0.0",
     "sortablejs": "^1.15.2",
-    "@tmagic/dep": "1.4.12",
-    "@tmagic/table": "1.4.12"
+    "@tmagic/dep": "1.4.13",
+    "@tmagic/table": "1.4.13"
   },
   "devDependencies": {
     "@types/events": "^3.0.0",
@@ -78,12 +78,12 @@
     "monaco-editor": "^0.48.0",
     "typescript": "*",
     "vue": "^3.4.27",
-    "@tmagic/core": "1.4.12",
-    "@tmagic/form": "1.4.12",
-    "@tmagic/schema": "1.4.12",
-    "@tmagic/design": "1.4.12",
-    "@tmagic/stage": "1.4.12",
-    "@tmagic/utils": "1.4.12"
+    "@tmagic/design": "1.4.13",
+    "@tmagic/form": "1.4.13",
+    "@tmagic/core": "1.4.13",
+    "@tmagic/schema": "1.4.13",
+    "@tmagic/stage": "1.4.13",
+    "@tmagic/utils": "1.4.13"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/fields/DisplayConds.vue

@@ -8,6 +8,7 @@
     :last-values="lastValues"
     :prop="prop"
     :size="size"
+    @change="changeHandler"
   ></MGroupList>
 </template>
 
@@ -22,6 +23,7 @@ import {
   type GroupListConfig,
   MGroupList,
 } from '@tmagic/form';
+import type { DisplayCond } from '@tmagic/schema';
 
 import type { Services } from '@editor/type';
 import { getCascaderOptionsFromFields } from '@editor/utils';
@@ -30,6 +32,10 @@ defineOptions({
   name: 'm-fields-display-conds',
 });
 
+const emit = defineEmits<{
+  change: [value: DisplayCond[]];
+}>();
+
 const props = withDefaults(
   defineProps<
     FieldProps<{
@@ -93,12 +99,12 @@ const config = computed<GroupListConfig>(() => ({
           type: 'cond-op-select',
           parentFields: parentFields.value,
           label: '条件',
-          width: 100,
+          width: 160,
           name: 'op',
         },
         {
           label: '值',
-          width: 100,
+          width: 160,
           items: [
             {
               name: 'value',
@@ -142,4 +148,8 @@ const config = computed<GroupListConfig>(() => ({
     },
   ],
 }));
+
+const changeHandler = (v: DisplayCond[]) => {
+  emit('change', v);
+};
 </script>

package/src/type.ts

@@ -774,7 +774,7 @@ export type PropsFormValueFunction = (data: { editorService: EditorService }) =>
 export type PartSortableOptions = Omit<Options, 'onStart' | 'onUpdate'>;
 export interface PageBarSortOptions extends PartSortableOptions {
   /** 在onUpdate之后调用 */
-  afterUpdate?: (event: SortableEvent, sortable: Sortable) => void;
+  afterUpdate?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
   /** 在onStart之前调用 */
-  beforeStart?: (event: SortableEvent, sortable: Sortable) => void;
+  beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
 }

package/types/fields/DisplayConds.vue.d.ts

@@ -1,15 +1,20 @@
 import { type FieldProps, type FilterFunction } from '@tmagic/form';
+import type { DisplayCond } from '@tmagic/schema';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
     titlePrefix?: string | undefined;
     parentFields?: string[] | FilterFunction<string[]> | undefined;
 }>>, {
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: DisplayCond[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
     titlePrefix?: string | undefined;
     parentFields?: string[] | FilterFunction<string[]> | undefined;
 }>>, {
     disabled: boolean;
-}>>>, {
+}>>> & {
+    onChange?: ((value: DisplayCond[]) => any) | undefined;
+}, {
     disabled: boolean;
 }, {}>;
 export default _default;

package/types/type.d.ts

@@ -645,7 +645,7 @@ export type PropsFormValueFunction = (data: {
 export type PartSortableOptions = Omit<Options, 'onStart' | 'onUpdate'>;
 export interface PageBarSortOptions extends PartSortableOptions {
     /** 在onUpdate之后调用 */
-    afterUpdate?: (event: SortableEvent, sortable: Sortable) => void;
+    afterUpdate?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
     /** 在onStart之前调用 */
-    beforeStart?: (event: SortableEvent, sortable: Sortable) => void;
+    beforeStart?: (event: SortableEvent, sortable: Sortable) => void | Promise<void>;
 }