@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.7

package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js

@@ -0,0 +1,136 @@
+import { defineComponent as I, mergeModels as m, useModel as L, createBlock as R, openBlock as _, unref as a, mergeProps as B, withCtx as E, createElementVNode as w, createVNode as p, withModifiers as z, Fragment as A } from "vue";
+import { useDesigner as F, getWidget as N } from "../../../../hooks/useDesigner.js";
+import O from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { ESDrager as P } from "../../../../../node_modules/.pnpm/es-drager@1.3.2_vue@3.5.17_typescript@5.8.2_/node_modules/es-drager/lib/index.es.js";
+/* empty css                                                                                                                  */
+const S = {
+  class: "transition-group-el"
+}, G = /* @__PURE__ */ I({
+  name: "RenderDesignerWigetList",
+  __name: "RenderDesignerBIWigetList",
+  props: /* @__PURE__ */ m({
+    parentWidget: {},
+    list: {},
+    end: {},
+    update: {
+      type: Function,
+      default: () => {
+      }
+    }
+  }, {
+    shadow: {
+      default() {
+        return {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        };
+      }
+    },
+    shadowModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["open-context-menu"], ["update:shadow"]),
+  setup(c, {
+    emit: g
+  }) {
+    const r = c, x = g, C = (t, e, o) => {
+      x("open-context-menu", {
+        event: t,
+        widget: e,
+        index: o
+      });
+    }, u = L(c, "shadow"), {
+      selectWidget: W,
+      selected: k
+    } = F(), v = (t, e) => {
+      var o, n, i, s, l;
+      ((o = t.options) == null ? void 0 : o.width) === e.width && ((n = t.options) == null ? void 0 : n.height) === e.height && ((i = t.options) == null ? void 0 : i.rotate) === e.angle && ((s = t.options) == null ? void 0 : s.left) === e.left && ((l = t.options) == null ? void 0 : l.top) === e.top || (t.options || (t.options = {}), t.options.width = e.width, t.options.height = e.height, t.options.rotate = e.angle, t.options.left = e.left, t.options.top = e.top, u.value = {
+        x: e.left,
+        y: e.top,
+        width: e.width,
+        height: e.height
+      });
+    }, y = (t) => {
+      const e = t.newIndex, o = r.list[e];
+      if (o) {
+        const n = t.to.getBoundingClientRect(), i = t.originalEvent;
+        let s = i.clientX, l = i.clientY;
+        if (s != null && l != null) {
+          const d = s - n.left, f = l - n.top;
+          o.options || (o.options = {});
+          const h = {
+            width: 500,
+            height: 300,
+            position: "absolute",
+            left: d,
+            top: f
+          };
+          u.value = {
+            x: d,
+            y: f,
+            width: h.width,
+            height: h.height
+          }, Object.assign(o.options, h);
+        }
+      }
+    }, M = (t) => (console.log(t), !0), b = ({
+      widget: t,
+      index: e
+    }) => {
+      const o = N(t);
+      return o ? p(P, {
+        selected: k(t.id),
+        width: t.options.width,
+        height: t.options.height,
+        left: t.options.left,
+        top: t.options.top,
+        onChange: (n) => v(t, n),
+        border: !1,
+        markline: !0,
+        disabled: t.options.locked,
+        style: {
+          zIndex: t.options.zIndex
+        }
+      }, {
+        default: () => [p(o, {
+          parentList: r.list,
+          indexOfParentList: e,
+          parentWidget: r.parentWidget,
+          designState: !0,
+          widget: t,
+          field: t
+        }, null)]
+      }) : p(A, null, null);
+    };
+    return (t, e) => (_(), R(a(O), B({
+      list: t.list,
+      "item-key": "id"
+    }, {
+      group: "dragGroup",
+      ghostClass: "ghost",
+      animation: 300
+    }, {
+      tag: "transition-group",
+      handle: ".drag-handler",
+      onAdd: y,
+      onUpdate: t.update,
+      move: M
+    }), {
+      item: E(({
+        element: o,
+        index: n
+      }) => [w("div", S, [p(b, {
+        onContextmenu: z((i) => C(i, o, n), ["prevent", "stop"]),
+        onClick: (i) => a(W)(o),
+        widget: o,
+        index: n
+      }, null, 8, ["onContextmenu", "onClick", "widget", "index"])])]),
+      _: 1
+    }, 16, ["list", "onUpdate"]));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=RenderDesignerBIWigetList.vue2.js.map

package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderDesignerBIWigetList.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue"],"sourcesContent":["<template>\n    <Draggable\n        :list=\"list\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n        tag=\"transition-group\"\n        handle=\".drag-handler\"\n        @add=\"onDragAdd\"\n        @update=\"update\"\n        :move=\"checkMove\"\n    >\n        <template #item=\"{ element: widget, index }\">\n            <div class=\"transition-group-el\">\n                <WidgetRender\n                    @contextmenu.prevent.stop=\"e => onContextMenu(e, widget, index)\"\n                    @click=\"selectWidget(widget)\"\n                    :widget=\"widget\"\n                    :index=\"index\"\n                />\n            </div>\n        </template>\n    </Draggable>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { getWidget, useDesigner } from '@/hooks/useDesigner';\n    import { Widget } from '@/types/schema';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { FormDesigner } from '@/types/designer';\n    import Drager from 'es-drager';\n    import 'es-drager/lib/style.css';\n\n    defineOptions({\n        name: 'RenderDesignerWigetList'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            parentWidget: Widget | FormDesigner | null;\n            list: Widget[];\n            end?: (e: any) => void;\n            update?: (e: any) => void;\n        }>(),\n        {\n            update: () => {}\n        }\n    );\n\n    const emit = defineEmits<{\n        (\n            e: 'open-context-menu',\n            payload: { event: MouseEvent; widget: Widget; index: number }\n        ): void;\n    }>();\n\n    const onContextMenu = (event: MouseEvent, widget: Widget, index: number) => {\n        emit('open-context-menu', { event, widget, index });\n    };\n\n    const shadow = defineModel('shadow', {\n        default() {\n            return {\n                x: 0,\n                y: 0,\n                width: 0,\n                height: 0\n            };\n        }\n    });\n    const { selectWidget, selected } = useDesigner();\n\n    const onChange = (widget: Widget, dragData: any) => {\n        if (\n            widget.options?.width === dragData.width &&\n            widget.options?.height === dragData.height &&\n            widget.options?.rotate === dragData.angle &&\n            widget.options?.left === dragData.left &&\n            widget.options?.top === dragData.top\n        ) {\n            return;\n        }\n\n        if (!widget.options) widget.options = {} as any;\n        widget.options.width = dragData.width;\n        widget.options.height = dragData.height;\n        widget.options.rotate = dragData.angle;\n        widget.options.left = dragData.left;\n        widget.options.top = dragData.top;\n        shadow.value = {\n            x: dragData.left,\n            y: dragData.top,\n            width: dragData.width,\n            height: dragData.height\n        };\n    };\n    const onDragAdd = (ev: any) => {\n        const newIndex = ev.newIndex;\n        const widget = props.list[newIndex];\n\n        if (widget) {\n            const containerRect = ev.to.getBoundingClientRect();\n            const originalEvent = ev.originalEvent;\n            let clientX = originalEvent.clientX;\n            let clientY = originalEvent.clientY;\n\n            if (clientX != null && clientY != null) {\n                const left = clientX - containerRect.left;\n                const top = clientY - containerRect.top;\n\n                if (!widget.options) {\n                    widget.options = {} as any;\n                }\n\n                const styles = {\n                    width: 500,\n                    height: 300,\n                    position: 'absolute',\n                    left: left,\n                    top: top\n                };\n                shadow.value = {\n                    x: left,\n                    y: top,\n                    width: styles.width,\n                    height: styles.height\n                };\n                Object.assign(widget.options, styles);\n            }\n        }\n    };\n\n    const checkMove = evt => {\n        console.log(evt);\n\n        return true;\n    };\n\n    const WidgetRender = ({ widget, index }: { widget: Widget; index: number }) => {\n        const CurrentWidget = getWidget(widget) as any;\n        if (!CurrentWidget) {\n            return <></>;\n        }\n        return (\n            <Drager\n                selected={selected(widget.id as string)}\n                width={widget.options.width}\n                height={widget.options.height}\n                left={widget.options.left}\n                top={widget.options.top}\n                onChange={dragData => onChange(widget, dragData)}\n                border={false}\n                markline={true}\n                disabled={widget.options.locked}\n                style={{ zIndex: widget.options.zIndex }}\n            >\n                <CurrentWidget\n                    parentList={props.list}\n                    indexOfParentList={index}\n                    parentWidget={props.parentWidget}\n                    designState={true}\n                    widget={widget}\n                    field={widget}\n                />\n            </Drager>\n        );\n    };\n</script>\n\n<style scoped lang=\"less\">\n    .transition-group-el {\n        position: absolute;\n        :deep(.es-drager) {\n            --es-drager-color: var(--ant-primary-2) !important;\n            --es-drager-dot-handle-color: #51d6a9;\n            &:hover:not(.es-drager-text):after {\n                display: block;\n                outline: 1px dashed var(--es-drager-color);\n            }\n            &.selected {\n                background-color: rgba(81, 214, 169, 0.1);\n                &:not(.es-drager-text):after {\n                    outline: 1px solid var(--es-drager-color);\n                }\n            }\n            .es-drager-dot-handle {\n                border: 3px solid var(--es-drager-dot-handle-color);\n                border-radius: 5px;\n                background-color: #fff;\n            }\n        }\n    }\n</style>\n"],"names":["props","__props","emit","__emit","onContextMenu","event","widget","index","shadow","_useModel","selectWidget","selected","useDesigner","onChange","dragData","options","width","height","rotate","angle","left","top","value","x","y","onDragAdd","ev","newIndex","list","containerRect","to","getBoundingClientRect","originalEvent","clientX","clientY","styles","position","Object","assign","checkMove","evt","console","log","WidgetRender","CurrentWidget","getWidget","_createVNode2","Drager","id","locked","zIndex","default","parentWidget","_Fragment","_openBlock","_createBlock","_unref","_mergeProps","group","ghostClass","animation","tag","handle","onAdd","onUpdate","update","move","item","_withCtx","element","_createElementVNode","_hoisted_1","_createVNode","onContextmenu","_withModifiers","e","onClick","$event"],"mappings":"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"}

package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js

@@ -0,0 +1,8 @@
+import t from "./WidgetContextMenu.vue2.js";
+/* empty css                       */
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-5c0e43ed"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=WidgetContextMenu.vue.js.map

package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContextMenu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js

@@ -0,0 +1,153 @@
+import { defineComponent as I, resolveComponent as r, createBlock as O, openBlock as x, withCtx as o, createElementVNode as B, normalizeStyle as V, createVNode as n, createElementBlock as y, Fragment as _, createTextVNode as d, unref as l } from "vue";
+import { UnlockOutlined as A, LockOutlined as L, VerticalAlignTopOutlined as D, VerticalAlignBottomOutlined as M, ArrowUpOutlined as T, ArrowDownOutlined as $, AppstoreOutlined as F, DeleteOutlined as N } from "@ant-design/icons-vue";
+import { useDesigner as U } from "../../../../hooks/useDesigner.js";
+const S = /* @__PURE__ */ I({
+  name: "WidgetContextMenu",
+  __name: "WidgetContextMenu",
+  props: {
+    widget: {},
+    index: {},
+    visible: { type: Boolean },
+    x: {},
+    y: {}
+  },
+  emits: ["update:visible"],
+  setup(c, { emit: b }) {
+    const m = c, { designer: w } = U(), v = b, p = (t) => {
+      v("update:visible", t);
+    }, C = () => {
+      const t = m.widget;
+      t.options.locked = !t.options.locked, p(!1);
+    }, a = (t) => {
+      const e = m.widget, i = e.options.zIndex || 0, u = w.value.widgetList;
+      switch (t) {
+        case "top":
+          const k = Math.max(...u.map((s) => s.options.zIndex || 0));
+          e.options.zIndex = k + 1;
+          break;
+        case "bottom":
+          const g = Math.min(...u.map((s) => s.options.zIndex || 0));
+          e.options.zIndex = g - 1;
+          break;
+        case "up":
+          e.options.zIndex = i + 1;
+          break;
+        case "down":
+          e.options.zIndex = i - 1;
+          break;
+      }
+      p(!1);
+    }, z = () => {
+      w.value.widgetList.splice(m.index, 1), p(!1);
+    };
+    return (t, e) => {
+      const i = r("a-menu-item"), u = r("a-sub-menu"), k = r("a-menu-divider"), g = r("a-menu"), s = r("a-dropdown");
+      return x(), O(s, {
+        open: t.visible,
+        "onUpdate:open": p,
+        trigger: ["click"]
+      }, {
+        overlay: o(() => [
+          n(g, null, {
+            default: o(() => [
+              n(i, {
+                key: "lock",
+                onClick: C
+              }, {
+                default: o(() => [
+                  t.widget.options.locked ? (x(), y(_, { key: 0 }, [
+                    n(l(A)),
+                    e[4] || (e[4] = d(" 解锁 "))
+                  ], 64)) : (x(), y(_, { key: 1 }, [
+                    n(l(L)),
+                    e[5] || (e[5] = d(" 锁定 "))
+                  ], 64))
+                ]),
+                _: 1
+              }),
+              n(u, {
+                key: "layer",
+                title: "图层"
+              }, {
+                icon: o(() => [
+                  n(l(F))
+                ]),
+                default: o(() => [
+                  n(i, {
+                    key: "bringToFront",
+                    onClick: e[0] || (e[0] = (f) => a("top"))
+                  }, {
+                    default: o(() => [
+                      n(l(D)),
+                      e[6] || (e[6] = d(" 置于顶层 "))
+                    ]),
+                    _: 1,
+                    __: [6]
+                  }),
+                  n(i, {
+                    key: "sendToBack",
+                    onClick: e[1] || (e[1] = (f) => a("bottom"))
+                  }, {
+                    default: o(() => [
+                      n(l(M)),
+                      e[7] || (e[7] = d(" 置于底层 "))
+                    ]),
+                    _: 1,
+                    __: [7]
+                  }),
+                  n(i, {
+                    key: "bringForward",
+                    onClick: e[2] || (e[2] = (f) => a("up"))
+                  }, {
+                    default: o(() => [
+                      n(l(T)),
+                      e[8] || (e[8] = d(" 上移一层 "))
+                    ]),
+                    _: 1,
+                    __: [8]
+                  }),
+                  n(i, {
+                    key: "sendBackward",
+                    onClick: e[3] || (e[3] = (f) => a("down"))
+                  }, {
+                    default: o(() => [
+                      n(l($)),
+                      e[9] || (e[9] = d(" 下移一层 "))
+                    ]),
+                    _: 1,
+                    __: [9]
+                  })
+                ]),
+                _: 1
+              }),
+              n(k),
+              n(i, {
+                key: "delete",
+                onClick: z
+              }, {
+                default: o(() => [
+                  n(l(N)),
+                  e[10] || (e[10] = d(" 删除 "))
+                ]),
+                _: 1,
+                __: [10]
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: o(() => [
+          B("div", {
+            class: "context-menu-trigger",
+            style: V({ position: "fixed", left: t.x + "px", top: t.y + "px" })
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=WidgetContextMenu.vue2.js.map

package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContextMenu.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/bi/WidgetContextMenu.vue"],"sourcesContent":["<template>\n    <a-dropdown :open=\"visible\" @update:open=\"handleVisibleChange\" :trigger=\"['click']\">\n        <div\n            class=\"context-menu-trigger\"\n            :style=\"{ position: 'fixed', left: x + 'px', top: y + 'px' }\"\n        ></div>\n        <template #overlay>\n            <a-menu>\n                <a-menu-item key=\"lock\" @click=\"handleLock\">\n                    <template v-if=\"widget.options.locked\">\n                        <unlock-outlined />\n                        解锁\n                    </template>\n                    <template v-else>\n                        <lock-outlined />\n                        锁定\n                    </template>\n                </a-menu-item>\n                <a-sub-menu key=\"layer\" title=\"图层\">\n                    <template #icon>\n                        <appstore-outlined />\n                    </template>\n                    <a-menu-item key=\"bringToFront\" @click=\"handleLayer('top')\">\n                        <vertical-align-top-outlined />\n                        置于顶层\n                    </a-menu-item>\n                    <a-menu-item key=\"sendToBack\" @click=\"handleLayer('bottom')\">\n                        <vertical-align-bottom-outlined />\n                        置于底层\n                    </a-menu-item>\n                    <a-menu-item key=\"bringForward\" @click=\"handleLayer('up')\">\n                        <arrow-up-outlined />\n                        上移一层\n                    </a-menu-item>\n                    <a-menu-item key=\"sendBackward\" @click=\"handleLayer('down')\">\n                        <arrow-down-outlined />\n                        下移一层\n                    </a-menu-item>\n                </a-sub-menu>\n                <a-menu-divider />\n                <a-menu-item key=\"delete\" @click=\"handleDelete\">\n                    <delete-outlined />\n                    删除\n                </a-menu-item>\n            </a-menu>\n        </template>\n    </a-dropdown>\n</template>\n\n<script lang=\"ts\" setup>\n    import { Widget } from '@/types/schema';\n    import {\n        DeleteOutlined,\n        LockOutlined,\n        UnlockOutlined,\n        VerticalAlignTopOutlined,\n        VerticalAlignBottomOutlined,\n        ArrowUpOutlined,\n        ArrowDownOutlined,\n        AppstoreOutlined\n    } from '@ant-design/icons-vue';\n    import { useDesigner } from '../../../../hooks/useDesigner';\n\n    defineOptions({\n        name: 'WidgetContextMenu'\n    });\n\n    const props = defineProps<{\n        widget: Widget;\n        index: number;\n        visible: boolean;\n        x: number;\n        y: number;\n    }>();\n    const { designer, onDragUpdate } = useDesigner();\n    const emit = defineEmits<{\n        (e: 'update:visible', visible: boolean): void;\n    }>();\n\n    const handleVisibleChange = (val: boolean) => {\n        emit('update:visible', val);\n    };\n\n    const handleLock = () => {\n        const widget = props.widget;\n        widget.options.locked = !widget.options.locked;\n        handleVisibleChange(false);\n    };\n\n    const handleLayer = (type: 'top' | 'bottom' | 'up' | 'down') => {\n        const widget = props.widget;\n        const zIndex = widget.options.zIndex || 0;\n        const list = designer.value.widgetList;\n        switch (type) {\n            case 'top':\n                const maxZ = Math.max(...list.map(w => w.options.zIndex || 0));\n                widget.options.zIndex = maxZ + 1;\n                break;\n            case 'bottom':\n                const minZ = Math.min(...list.map(w => w.options.zIndex || 0));\n                widget.options.zIndex = minZ - 1;\n                break;\n            case 'up':\n                widget.options.zIndex = zIndex + 1;\n                break;\n            case 'down':\n                widget.options.zIndex = zIndex - 1;\n                break;\n        }\n        handleVisibleChange(false);\n    };\n\n    const handleDelete = () => {\n        designer.value.widgetList.splice(props.index, 1);\n        handleVisibleChange(false);\n    };\n</script>\n\n<style scoped>\n    .context-menu-trigger {\n        width: 1px;\n        height: 1px;\n        z-index: 9999;\n    }\n</style>\n"],"names":["props","__props","designer","useDesigner","emit","__emit","handleVisibleChange","val","handleLock","widget","handleLayer","type","zIndex","list","maxZ","w","minZ","handleDelete","_createBlock","_component_a_dropdown","visible","_createVNode","_component_a_menu","_component_a_menu_item","_createElementBlock","_Fragment","_unref","UnlockOutlined","LockOutlined","_component_a_sub_menu","AppstoreOutlined","VerticalAlignTopOutlined","VerticalAlignBottomOutlined","ArrowUpOutlined","ArrowDownOutlined","_component_a_menu_divider","DeleteOutlined","_createElementVNode","_normalizeStyle","x","y"],"mappings":"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"}

package/src/components/form-designer/form-widget/bi/useRuler.js

@@ -0,0 +1,66 @@
+import { debounce as h } from "lodash-es";
+import { ref as n } from "vue";
+function C() {
+  const t = n(0.5), o = n({
+    lines: { h: [], v: [] },
+    //不能直接写{}不然删除有问题
+    width: 1920,
+    height: 1080,
+    canvasWidth: 1920,
+    canvasHeight: 1080,
+    isShowReferLine: !0,
+    showRuler: !0,
+    gridRatio: 1,
+    thick: 22,
+    panzoomOption: {
+      canvas: !0,
+      maxScale: 3,
+      miniScale: 0.3,
+      disablePan: !1,
+      disableZoom: !1,
+      contain: "none"
+    },
+    shadow: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    },
+    palette: {
+      bgColor: "#f5f5f5",
+      longfgColor: "#BABBBC",
+      // @ts-ignore
+      shortfgColor: "#C8CDD0",
+      fontColor: "#7D8694",
+      shadowColor: "#E8E8E8",
+      lineColor: "#51d6a9",
+      borderColor: "#DADADC",
+      cornerActiveColor: "#fff",
+      fontSize: 12
+    }
+  });
+  let e = null;
+  return {
+    scale: t,
+    disconnectObserver: () => {
+      e && e.disconnect();
+    },
+    resizeObserver: e,
+    onResizeObserver: (r) => {
+      if (r.value) {
+        const i = h((s) => {
+          for (const l of s) {
+            const { width: a, height: c } = l.contentRect;
+            o.value.width = a, o.value.height = c;
+          }
+        }, 100);
+        e = new ResizeObserver(i), e.observe(r.value);
+      }
+    },
+    rulerConfig: o
+  };
+}
+export {
+  C as useRuler
+};
+//# sourceMappingURL=useRuler.js.map

package/src/components/form-designer/form-widget/bi/useRuler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRuler.js","sources":["../../../../../../src/components/form-designer/form-widget/bi/useRuler.ts"],"sourcesContent":["import { debounce } from 'lodash-es';\nimport { Ref, ref } from 'vue';\nimport { SketchRulerProps } from 'vue3-sketch-ruler';\n\nexport function useRuler() {\n    const scale = ref(0.5);\n    const rulerConfig = ref<SketchRulerProps>({\n        lines: { h: [], v: [] }, //不能直接写{}不然删除有问题\n        width: 1920,\n        height: 1080,\n        canvasWidth: 1920,\n        canvasHeight: 1080,\n        isShowReferLine: true,\n        showRuler: true,\n        gridRatio: 1,\n        thick: 22,\n        panzoomOption: {\n            canvas: true,\n            maxScale: 3,\n            miniScale: 0.3,\n            disablePan: false,\n            disableZoom: false,\n            contain: 'none'\n        },\n        shadow: {\n            x: 0,\n            y: 0,\n            width: 0,\n            height: 0\n        },\n        palette: {\n            bgColor: '#f5f5f5',\n            longfgColor: '#BABBBC',\n            // @ts-ignore\n            shortfgColor: '#C8CDD0',\n            fontColor: '#7D8694',\n            shadowColor: '#E8E8E8',\n            lineColor: '#51d6a9',\n            borderColor: '#DADADC',\n            cornerActiveColor: '#fff',\n            fontSize: 12\n        }\n    });\n\n    let resizeObserver: ResizeObserver | null = null;\n\n    const onResizeObserver = (containerRef: Ref<HTMLElement | null>) => {\n        if (containerRef.value) {\n            const handleResize = debounce((entries: ResizeObserverEntry[]) => {\n                for (const entry of entries) {\n                    const { width, height } = entry.contentRect;\n                    rulerConfig.value.width = width;\n                    rulerConfig.value.height = height;\n                }\n            }, 100);\n            resizeObserver = new ResizeObserver(handleResize);\n            resizeObserver.observe(containerRef.value);\n        }\n    };\n\n    const disconnectObserver = () => {\n        if (resizeObserver) {\n            resizeObserver.disconnect();\n        }\n    };\n\n    return {\n        scale,\n        disconnectObserver,\n        resizeObserver,\n        onResizeObserver,\n        rulerConfig\n    };\n}\n"],"names":["useRuler","scale","ref","rulerConfig","resizeObserver","containerRef","handleResize","debounce","entries","entry","width","height"],"mappings":";;AAIO,SAASA,IAAW;AACvB,QAAMC,IAAQC,EAAI,GAAG,GACfC,IAAcD,EAAsB;AAAA,IACtC,OAAO,EAAE,GAAG,IAAI,GAAG,CAAA,EAAC;AAAA;AAAA,IACpB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,IAEb,QAAQ;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,MAEb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACd,CACH;AAED,MAAIE,IAAwC;AAsB5C,SAAO;AAAA,IACH,OAAAH;AAAA,IACA,oBARuB,MAAM;AAC7B,MAAIG,KACAA,EAAe,WAAA;AAAA,IAEvB;AAAA,IAKI,gBAAAA;AAAA,IACA,kBAxBqB,CAACC,MAA0C;AAChE,UAAIA,EAAa,OAAO;AACpB,cAAMC,IAAeC,EAAS,CAACC,MAAmC;AAC9D,qBAAWC,KAASD,GAAS;AACzB,kBAAM,EAAE,OAAAE,GAAO,QAAAC,EAAA,IAAWF,EAAM;AAChC,YAAAN,EAAY,MAAM,QAAQO,GAC1BP,EAAY,MAAM,SAASQ;AAAA,UAC/B;AAAA,QACJ,GAAG,GAAG;AACN,QAAAP,IAAiB,IAAI,eAAeE,CAAY,GAChDF,EAAe,QAAQC,EAAa,KAAK;AAAA,MAC7C;AAAA,IACJ;AAAA,IAaI,aAAAF;AAAA,EAAA;AAER;"}

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js

@@ -5,3 +5,4 @@ const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-22ca8dff"]]);
 export {
   f as default
 };
+//# sourceMappingURL=container-wrapper.vue.js.map

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-wrapper.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue2.js

@@ -32,3 +32,4 @@ const F = /* @__PURE__ */ l({
 export {
   F as default
 };
+//# sourceMappingURL=container-wrapper.vue2.js.map

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/container-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"container-wrapper\"\n        :class=\"[\n            selected ? 'selected' : '',\n            customClass,\n            designState ? 'container-design-widget' : ''\n        ]\"\n        @click.stop=\"selectWidget(widget)\"\n    >\n        <slot></slot>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import {\n        useContainerWidget,\n        WidgetProps\n    } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import WidgetAction from '../widgetAction.vue';\n\n    defineOptions({\n        name: 'container-wrapper'\n    });\n\n    const { i18nt, i18n2t } = useI18n();\n    const props = defineProps<WidgetProps>();\n\n    const { designState, selected, selectWidget, customClass } = useContainerWidget(props);\n</script>\n\n<style lang=\"scss\" scoped>\n    .container-design-widget {\n        border: 2px dashed #cccccc;\n        &.selected {\n            outline: 2px solid var(--ant-primary-color) !important;\n        }\n    }\n    .container-wrapper {\n        position: relative;\n        margin-bottom: 5px;\n        padding: 5px;\n    }\n</style>\n"],"names":["props","__props","designState","selected","selectWidget","customClass","useContainerWidget","_createElementBlock","_unref","_cache","_withModifiers","$event","widget","_renderSlot","_ctx","_openBlock","_createBlock","WidgetAction"],"mappings":";;;;;;;;;;;;;;;;;AA6BI,UAAMA,IAAQC,GAER,EAAE,aAAAC,GAAa,UAAAC,GAAU,cAAAC,GAAc,aAAAC,EAAA,IAAgBC,EAAmBN,CAAK;2BA9BrFO,EAYM,OAAA;AAAA,MAXF,UAAM,qBAAmB;AAAA,QACHC,EAAAL,CAAA,IAAQ,aAAA;AAAA,QAAgCK,EAAAH,CAAA;AAAA,QAAyBG,EAAAN,CAAA,IAAW,4BAAA;AAAA,MAAA;MAKjG,SAAKO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOH,EAAAJ,CAAA,EAAaQ,EAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,IAAA;MAEhCC,EAAaC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAEsBN,EAAAN,CAAA,KAAnCa,EAAA,GAAAC,EAAkDC,mBAA5BjB,CAAK,CAAA,GAAA,MAAA,EAAA;;;;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -1,7 +1,8 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
 import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-46e8d16c"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6fc6671d"]]);
 export {
-  d as default
+  e as default
 };
+//# sourceMappingURL=data-table-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as R, watchEffect as _, onMounted as E, createBlock as P, createCommentVNode as W, unref as e, openBlock as z, normalizeProps as N, mergeProps as y, withCtx as F, createElementVNode as V, normalizeStyle as k, createVNode as D } from "vue";
-import I from "./container-wrapper.vue.js";
-import { ComponentNameEnum as L, ContainerTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
-import { useTableWidget as M } from "./useTableWidget.js";
-import { useField as S } from "../field-widget/useField.js";
-import { useVxeTable as H, Table as O } from "tmgc2-share";
-const Q = /* @__PURE__ */ R({
+import { defineComponent as W, watchEffect as r, onMounted as _, createBlock as y, createCommentVNode as k, unref as e, openBlock as v, normalizeProps as z, mergeProps as D, withCtx as N, createElementVNode as F, normalizeStyle as V, createVNode as I } from "vue";
+import L from "./container-wrapper.vue.js";
+import { ComponentNameEnum as S, ContainerTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
+import { useTableWidget as K } from "./useTableWidget.js";
+import { useField as M } from "../field-widget/useField.js";
+import { useVxeTable as A, Table as H } from "tmgc2-share";
+const X = /* @__PURE__ */ W({
   name: B.DataTable,
-  componentName: L.FieldWidget,
+  componentName: S.FieldWidget,
   __name: "data-table-widget",
   props: {
     widget: {},
@@ -17,53 +17,67 @@ const Q = /* @__PURE__ */ R({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(r, { expose: l }) {
-    const t = r, { fieldModel: d, handleHidden: s, defineExposed: p } = S(t), {
-      isLoading: m,
-      tableProps: n,
-      pagintion: u,
-      tableWidth: f,
-      setPagination: c,
-      handleTableChange: g,
-      setTableRef: b,
-      loadDataTableDataSource: h
-    } = M({
-      fieldModel: d,
-      props: t
-    }), { tableRef: o, setTableProps: C, register: w } = H({
-      props: n.value,
+  setup(s, { expose: d }) {
+    const o = s, { fieldModel: p, handleHidden: m, defineExposed: f } = M(o), {
+      isLoading: c,
+      tableProps: u,
+      pagintion: b,
+      tableWidth: g,
+      setPagination: n,
+      handleTableChange: h,
+      setTableRef: w,
+      loadDataTableDataSource: C,
+      initTableSoureData: x,
+      tableDefinExpoed: T
+    } = K({
+      fieldModel: p,
+      props: o
+    });
+    r(() => {
+      n({
+        total: o.field.options.showPagination ? 1 : 0
+      });
+    });
+    const { tableRef: t, setTableProps: O, register: P } = A({
+      props: {
+        rowKey: o.field.options.rowKey,
+        clickRowCheck: o.field.options.colorRow
+      },
       events: {
         columnResizableChange: (i) => {
-          const { field: a, resizeWidth: x } = i.resizeColumn;
+          const { field: a, resizeWidth: R } = i.resizeColumn;
           if (a) {
-            const T = t.field.options.tableColumns.find(
-              (v) => v.dataIndex === a
+            const l = o.field.options.tableColumns.find(
+              (E) => E.dataIndex === a
             );
-            T.width = x;
+            l.isAutoWidth = !1, l.width = R;
           }
         }
       }
     });
-    return _(() => {
-      C(n.value), o.value && b(o.value);
-    }), E(() => {
-    }), l({
-      ...p,
-      setPagination: c,
-      loadDataTableDataSource: h,
-      fieldEditor: o.value
-    }), (i, a) => e(s) ? W("", !0) : (z(), P(I, N(y({ key: 0 }, t)), {
-      default: F(() => [
-        V("div", {
+    return r(() => {
+      t.value && w(t.value);
+    }), _(() => {
+      x();
+    }), d({
+      ...f,
+      ...T,
+      setPagination: n,
+      loadDataTableDataSource: C,
+      fieldEditor: t.value
+    }), (i, a) => e(m) ? k("", !0) : (v(), y(L, z(D({ key: 0 }, o)), {
+      default: N(() => [
+        F("div", {
           class: "talbe-wrapper",
-          style: k({ width: e(f) })
+          style: V({ width: e(g) })
         }, [
-          D(e(O), {
-            onRegister: e(w),
-            loading: e(m),
-            pagination: e(u),
-            onChange: e(g)
-          }, null, 8, ["onRegister", "loading", "pagination", "onChange"])
+          I(e(H), {
+            tableProps: e(u),
+            onRegister: e(P),
+            loading: e(c),
+            pagination: e(b),
+            onChange: e(h)
+          }, null, 8, ["tableProps", "onRegister", "loading", "pagination", "onChange"])
         ], 4)
       ]),
       _: 1
@@ -71,5 +85,6 @@ const Q = /* @__PURE__ */ R({
   }
 });
 export {
-  Q as default
+  X as default
 };
+//# sourceMappingURL=data-table-widget.vue2.js.map

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"talbe-wrapper\" :style=\"{ width: tableWidth }\">\n            <Table\n                :tableProps=\"tableProps\"\n                @register=\"register\"\n                :loading=\"isLoading\"\n                :pagination=\"pagintion\"\n                @change=\"handleTableChange\"\n            />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { WidgetProps } from './useContainerWidget';\n    import { ContainerTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { useTableWidget } from './useTableWidget';\n    import { onMounted, watchEffect } from 'vue';\n    import { useField } from '../field-widget/useField';\n    import { DataTableWidget } from '../../widget-panel/advanced';\n    import { useVxeTable, Table } from 'tmgc2-share';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        pagintion,\n        tableWidth,\n        setPagination,\n        handleTableChange,\n        setTableRef,\n        loadDataTableDataSource,\n        initTableSoureData,\n        tableDefinExpoed\n    } = useTableWidget({\n        fieldModel,\n        props\n    });\n\n    watchEffect(() => {\n        setPagination({\n            total: props.field.options.showPagination ? 1 : 0\n        });\n    });\n\n    const { tableRef, setTableProps, register } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            columnResizableChange: data => {\n                const { field, resizeWidth } = data.resizeColumn;\n                if (field) {\n                    const column = props.field.options.tableColumns.find(\n                        item => item.dataIndex === field\n                    );\n                    column.isAutoWidth = false;\n                    column.width = resizeWidth;\n                }\n            }\n        }\n    });\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        setPagination,\n        loadDataTableDataSource,\n        fieldEditor: tableRef.value\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        // display: flex;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["props","__props","fieldModel","handleHidden","defineExposed","useField","isLoading","tableProps","pagintion","tableWidth","setPagination","handleTableChange","setTableRef","loadDataTableDataSource","initTableSoureData","tableDefinExpoed","useTableWidget","watchEffect","tableRef","setTableProps","register","useVxeTable","data","field","resizeWidth","column","item","onMounted","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_createVNode","Table"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBI,UAAMA,IAAQC,GAMR,EAAE,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASL,CAAK,GAE5D;AAAA,MACF,WAAAM;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,IACAC,EAAe;AAAA,MACf,YAAAd;AAAA,MACA,OAAAF;AAAA,IAAA,CACH;AAED,IAAAiB,EAAY,MAAM;AACd,MAAAP,EAAc;AAAA,QACV,OAAOV,EAAM,MAAM,QAAQ,iBAAiB,IAAI;AAAA,MAAA,CACnD;AAAA,IACL,CAAC;AAED,UAAM,EAAE,UAAAkB,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaC,EAAY;AAAA,MACtD,OAAO;AAAA,QACH,QAAQrB,EAAM,MAAM,QAAQ;AAAA,QAC5B,eAAeA,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,uBAAuB,CAAAsB,MAAQ;AAC3B,gBAAM,EAAE,OAAAC,GAAO,aAAAC,EAAA,IAAgBF,EAAK;AACpC,cAAIC,GAAO;AACP,kBAAME,IAASzB,EAAM,MAAM,QAAQ,aAAa;AAAA,cAC5C,CAAA0B,MAAQA,EAAK,cAAcH;AAAA,YAAA;AAE/B,YAAAE,EAAO,cAAc,IACrBA,EAAO,QAAQD;AAAA,UACnB;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ,CACH;AAED,WAAAP,EAAY,MAAM;AACd,MAAIC,EAAS,SACTN,EAAYM,EAAS,KAAK;AAAA,IAElC,CAAC,GAEDS,EAAU,MAAM;AACZ,MAAAb,EAAA;AAAA,IACJ,CAAC,GAEDc,EAAa;AAAA,MACT,GAAGxB;AAAA,MACH,GAAGW;AAAA,MACH,eAAAL;AAAA,MACA,yBAAAG;AAAA,MACA,aAAaK,EAAS;AAAA,IAAA,CACzB,aAxFwCW,EAAA1B,CAAA,iBAAzC2B,EAAA,GAAAC,EAUoBC,mBAVOhC,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAQM;AAAA,QARNiC,EAQM,OAAA;AAAA,UARD,OAAM;AAAA,UAAiB,kBAAgBJ,EAAApB,CAAA,GAAU;AAAA,QAAA;UAClDyB,EAMEL,EAAAM,CAAA,GAAA;AAAA,YALG,YAAYN,EAAAtB,CAAA;AAAA,YACZ,YAAUsB,EAAAT,CAAA;AAAA,YACV,SAASS,EAAAvB,CAAA;AAAA,YACT,YAAYuB,EAAArB,CAAA;AAAA,YACZ,UAAQqB,EAAAlB,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js

@@ -1,7 +1,8 @@
 import o from "./grid-col-widget.vue2.js";
 /* empty css                     */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f8f1668"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b2ed395f"]]);
 export {
-  m as default
+  f as default
 };
+//# sourceMappingURL=grid-col-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}