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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableWidget.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/useTableWidget.ts"],"sourcesContent":["import { computed, Ref, h, ref } from 'vue';\nimport { VxeGridInstance } from 'vxe-table';\nimport { cloneDeep, isArray, omit } from 'lodash-es';\nimport ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n\nimport { useI18n } from '@/utils/i18n';\nimport { WidgetProps } from './useContainerWidget';\nimport {\n    tranformAntTableColumnToVxetableColumn,\n    tranformAntSizzVxetableSize,\n    ImeTableProps,\n    useExecFunction,\n    TpfDelConfirm\n} from 'tmgc2-share';\nimport { useDataHttp } from '@/hooks/useDataHttp';\nimport { message } from 'ant-design-vue';\ntype useTableWidgetProps = {\n    props: WidgetProps;\n    fieldModel: Ref<any>;\n};\n\nexport function useTableWidget<T>({ props, fieldModel }: useTableWidgetProps) {\n    const tableRef = ref<VxeGridInstance>();\n    const isLoading = ref(false);\n    const { widget } = props;\n    const { i18nt } = useI18n();\n    const { executeFunction, context } = useExecFunction();\n    const { loadataSource, setPagination, getPagination, pagintion } = useDataHttp({\n        props\n    });\n\n    const columns = computed(() => {\n        const leftFixedColumns: any[] = [];\n        const optins = widget?.options || {};\n        const { rowSelection, showIndex, tableColumns = [] } = widget?.options ?? {};\n        if (rowSelection?.hasRowSelection) {\n            leftFixedColumns.push({\n                title: rowSelection.columnTitle,\n                width: rowSelection.columnWidth,\n                align: 'left',\n                fixed: 'left',\n                dataIndex: 'checkbox',\n                type: 'checkbox'\n            });\n        }\n        if (showIndex) {\n            leftFixedColumns.push({\n                title: i18nt('designer.setting.seq'),\n                align: 'left',\n                width: 90,\n                fixed: 'left',\n                maxWidth: 100,\n                dataIndex: 'seq',\n                resizable: true,\n                type: 'seq'\n            });\n        }\n\n        const centerColumns = tableColumns\n            .filter(item => item.show)\n            .map(item => {\n                //    titleSuffix: ),\n                return {\n                    ...item,\n                    ...handleColumnItem(item),\n                    titleSuffix: item.titleSuffix ? { content: item.titleSuffixContent } : false\n                };\n            });\n        const rightFixedColumns: any[] = [];\n        if (optins.showButtonsColumn) {\n            const operationButtons = optins.operationButtons ?? [];\n            rightFixedColumns.push({\n                fixed: 'right',\n                align: 'center',\n                title: optins.buttonsColumnTitle,\n                width: optins.buttonsColumnWidth,\n                slots: {\n                    default: scope => {\n                        return h(ActionButtonListRender, {\n                            buttonList: operationButtons,\n                            flex: 'center',\n                            scope: scope,\n                            ctx: context.value,\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        });\n                    }\n                }\n            });\n        }\n\n        // 把customRender渲染成 bodyCell 插槽\n        const _columns = [...leftFixedColumns, ...centerColumns, ...rightFixedColumns];\n\n        return tranformAntTableColumnToVxetableColumn(_columns);\n    });\n\n    // 处理列配置\n    const handleColumnItem = item => {\n        const res = omit(item, ['customRender']);\n        const customRenderFn = item.customRender;\n        item.minWidth = 50;\n        item.maxWidth = 1200;\n        if (item.isAutoWidth) {\n            item.width = null;\n            delete item.width;\n        } else {\n            item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);\n        }\n        if (!customRenderFn) return item;\n\n        return {\n            ...res,\n            slots: {\n                default(scope) {\n                    const com = executeFunction({\n                        source: props.field.options.name,\n                        functionBody: customRenderFn,\n                        params: {\n                            index: scope.rowIndex,\n                            record: scope.row,\n                            ...scope\n                        },\n                        errorCallback: error => {\n                            console.error('Custom render error:', error);\n                        }\n                    });\n\n                    return h(\n                        'div',\n                        {\n                            onClick: (e: Event) => {\n                                e.stopPropagation();\n                            }\n                        },\n                        [com]\n                    );\n                }\n            }\n        };\n    };\n\n    const tableWidth = computed(() => widget.options.tableWidth);\n    const tableSize = computed(() => widget.options.tableSize);\n\n    const onSortChange = () => {\n        initTableSoureData();\n    };\n\n    const rowKey = computed(() => widget.options.rowKey);\n\n    const tableProps = computed<ImeTableProps>(() => {\n        const {\n            tableSize,\n            rowKey,\n            tableHeight = 300,\n            border = false,\n            lineHeight = 50,\n            colorRow = false\n        } = widget.options;\n\n        return {\n            showPagination: widget.options.showPagination,\n            size: tranformAntSizzVxetableSize(tableSize),\n            height: tableHeight,\n            border: border ?? false,\n            data: fieldModel.value || [],\n            columns: columns.value,\n            sortConfig: {\n                trigger: 'cell',\n                remote: true,\n                orders: ['ascend', 'descend', null]\n            },\n            rowConfig: {\n                keyField: rowKey,\n                isCurrent: colorRow,\n                isHover: true\n            },\n            checkboxConfig: {\n                isShiftKey: true,\n                checkMethod: data => {\n                    return executeFunction({\n                        functionBody: widget.options.rowSelection?.checkMethod,\n                        params: data,\n                        keys: ['row']\n                    });\n                }\n            },\n            cellConfig: {\n                height: lineHeight\n            }\n        } as ImeTableProps;\n    });\n\n    const setTableRef = _tableRef => {\n        tableRef.value = _tableRef;\n    };\n\n    const initTableSoureData = async () => {\n        if (props.field.options.dsEnabled) {\n            isLoading.value = true;\n            try {\n                const data = await loadataSource();\n                const tableData = data.list || [];\n                fieldModel.value = cloneDeep(tableData || []);\n                setPagination(data);\n            } catch (error) {\n                console.error(error);\n            }\n        } else {\n            fieldModel.value = widget.options.dataSource || [];\n            setPagination({\n                total: widget.options.dataSource?.length || 0\n            });\n        }\n        isLoading.value = false;\n    };\n\n    type EventType = 'onDblclick' | 'onMouseenter' | 'onMouseleave' | 'onClick';\n    const onRunEvent = ({ row, $event }: any, type: EventType) => {\n        executeFunction({\n            functionBody: widget.options.customRow[type],\n            params: [row, $event],\n            keys: ['record', 'event']\n        });\n    };\n\n    const setTableData = (data: T[]) => {\n        setValue(data);\n    };\n\n    /**\n     * 加载表格数据\n     * @deprecated 兼容老 API\n     */\n    const loadDataTableDataSource = () => {\n        initTableSoureData();\n    };\n\n    const handleTableChange = (pagination, filters, sorter, currentDataSource) => {\n        const fn = widget.options.onTableChange;\n        if (fn) {\n            executeFunction({\n                functionBody: fn,\n                params: {\n                    pagination,\n                    filters,\n                    sorter,\n                    currentDataSource: currentDataSource\n                },\n                keys: ['pagination', 'filters', 'sorter', 'currentDataSource']\n            });\n        }\n    };\n\n    // 选中 checkbox回调\n    const onCheckboxChange = (selectedRowInfo: any) => {\n        executeFunction({\n            functionBody: widget.options.rowSelection.onChange,\n            keys: ['selectedRowKeys', 'selectedRows'],\n            params: selectedRowInfo\n        });\n    };\n\n    const getDataSource = () => {\n        return fieldModel.value;\n    };\n\n    const insertTableValue = (data: T) => {\n        if (!fieldModel.value) {\n            fieldModel.value = [];\n        }\n        fieldModel.value.push(cloneDeep(data));\n    };\n\n    const setValue = (data: T[]) => {\n        if (!isArray(data)) {\n            return console.error('表格数据类型错误');\n        }\n        fieldModel.value = cloneDeep(data);\n    };\n\n    const getTableColumns = () => {\n        return props.field.options.tableColumns;\n    };\n\n    const setTableColumns = (data: any[]) => {\n        props.field.options.tableColumns = data;\n    };\n\n    const delSelectRow = async delKeys => {\n        if (!delKeys.length) return;\n        try {\n            await TpfDelConfirm({ content: i18nt('确定删除选中的数据吗') });\n            const newList = fieldModel.value.filter(item => !delKeys?.includes(item[rowKey.value]));\n            setValue(newList);\n            message.success(i18nt('操作成功'));\n        } catch {}\n    };\n\n    const tableDefinExpoed = {\n        delSelectRow,\n        getTableColumns,\n        setTableColumns,\n        setValue,\n        insertTableValue,\n        setPagination,\n        getDataSource,\n        getPagination\n    };\n\n    return {\n        rowKey,\n        onCheckboxChange,\n        tableDefinExpoed,\n        onSortChange,\n        pagintion,\n        setPagination,\n        getPagination,\n        handleTableChange,\n        setTableData,\n        loadDataTableDataSource,\n        showPagination: computed(() => !!props.field.options.showPagination),\n        onRunEvent,\n        isLoading,\n        initTableSoureData,\n        setTableRef,\n        tableSize,\n        tableWidth,\n        tableProps,\n        tableRef\n    };\n}\n"],"names":["useTableWidget","props","fieldModel","tableRef","ref","isLoading","widget","i18nt","useI18n","executeFunction","context","useExecFunction","loadataSource","setPagination","getPagination","pagintion","useDataHttp","columns","computed","leftFixedColumns","optins","rowSelection","showIndex","tableColumns","centerColumns","item","handleColumnItem","rightFixedColumns","operationButtons","scope","h","ActionButtonListRender","e","_columns","tranformAntTableColumnToVxetableColumn","res","omit","customRenderFn","com","error","tableWidth","tableSize","onSortChange","initTableSoureData","rowKey","tableProps","tableHeight","border","lineHeight","colorRow","tranformAntSizzVxetableSize","data","_a","setTableRef","_tableRef","tableData","cloneDeep","onRunEvent","row","$event","type","setTableData","setValue","loadDataTableDataSource","handleTableChange","pagination","filters","sorter","currentDataSource","fn","onCheckboxChange","selectedRowInfo","getDataSource","insertTableValue","isArray","delKeys","TpfDelConfirm","newList","message"],"mappings":"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"}

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

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

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

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

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

@@ -1,12 +1,11 @@
-import { defineComponent as g, computed as s, watchEffect as f, createBlock as l, openBlock as i, normalizeProps as c, guardReactiveProps as u, withCtx as x, createElementBlock as w, normalizeStyle as b, createVNode as v } from "vue";
-import R from "../RenderDesignerWigetList.vue.js";
-import $ from "./container-wrapper.vue.js";
-import { useAppRef as C } from "../../useAppRef.js";
-import { useLowcode as h } from "../../../../hooks/useLowcode.js";
-import { ComponentNameEnum as B, ContainerTypeEnum as L } from "../../../../constants/WidgetTypeEnum.js";
-const S = /* @__PURE__ */ g({
-  name: L.VfBoxWidget,
-  componentName: B.VfBoxWidget,
+import { defineComponent as p, computed as a, createBlock as m, createCommentVNode as g, unref as s, openBlock as i, normalizeProps as l, mergeProps as f, withCtx as c, createElementBlock as x, normalizeStyle as u, createVNode as b } from "vue";
+import $ from "../RenderDesignerWigetList.vue.js";
+import v from "./container-wrapper.vue.js";
+import { ComponentNameEnum as w, ContainerTypeEnum as h } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as B } from "../field-widget/useField.js";
+const _ = /* @__PURE__ */ p({
+  name: h.VfBoxWidget,
+  componentName: w.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
     widget: {},
@@ -17,31 +16,21 @@ const S = /* @__PURE__ */ g({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(r, { expose: d }) {
-    const t = r, { initRefList: n } = C(), p = s(() => {
-      const o = t.widget.options.boxModel || {}, e = {};
-      return o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), e;
+  setup(d) {
+    const t = d, { handleHidden: r } = B(t), n = a(() => {
+      const e = t.widget.options.boxModel || {}, o = {};
+      return e.borderShow && (o.borderRadius = `${e.borderRadius}px`, o.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), o;
     });
-    n();
-    const { vfdRef: a, getComponentJson: m } = h({
-      formCode: t.widget.options.formCode
-    });
-    return f(() => {
-      t.widget.options.formCode && m([], t.widget.options.formCode);
-    }), d({
-      getFormRef() {
-        return a.value;
-      }
-    }), (o, e) => (i(), l($, c(u(t)), {
-      default: x(() => [
-        (i(), w("div", {
+    return (e, o) => s(r) ? g("", !0) : (i(), m(v, l(f({ key: 0 }, t)), {
+      default: c(() => [
+        (i(), x("div", {
           class: "box-container",
-          key: o.widget.id,
-          style: b(p.value)
+          key: e.widget.id,
+          style: u(n.value)
         }, [
-          v(R, {
-            list: o.widget.widgetList || [],
-            parentWidget: o.widget
+          b($, {
+            list: e.widget.widgetList || [],
+            parentWidget: e.widget
           }, null, 8, ["list", "parentWidget"])
         ], 4))
       ]),
@@ -50,5 +39,6 @@ const S = /* @__PURE__ */ g({
   }
 });
 export {
-  S as default
+  _ as default
 };
+//# sourceMappingURL=vf-box-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n            <RenderDesignerWigetList :list=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import { computed, CSSProperties } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { useField } from '../field-widget/useField';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfBoxWidget,\n        componentName: ComponentNameEnum.VfBoxWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n    const { handleHidden } = useField(props);\n\n    const boxStyle = computed(() => {\n        const boxModel = props.widget.options.boxModel || {};\n        const style = {} as CSSProperties;\n\n        if (boxModel.borderShow) {\n            style.borderRadius = `${boxModel.borderRadius}px`;\n            style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n        }\n\n        // 设置内边距\n        if (\n            boxModel.paddingTop !== undefined ||\n            boxModel.paddingRight !== undefined ||\n            boxModel.paddingBottom !== undefined ||\n            boxModel.paddingLeft !== undefined\n        ) {\n            style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n                boxModel.paddingBottom || 0\n            }px ${boxModel.paddingLeft || 0}px`;\n        }\n\n        // 设置外边距\n        if (\n            boxModel.marginTop !== undefined ||\n            boxModel.marginRight !== undefined ||\n            boxModel.marginBottom !== undefined ||\n            boxModel.marginLeft !== undefined\n        ) {\n            style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                boxModel.marginBottom || 0\n            }px ${boxModel.marginLeft || 0}px`;\n        }\n\n        return style;\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        min-height: 120px;\n        position: relative;\n        padding-bottom: 20px;\n\n        .vf-box-drop-zone {\n            // min-height: 58px;\n        }\n    }\n\n    .box-container > div:first-child {\n        min-height: 58px;\n    }\n</style>\n"],"names":["props","__props","handleHidden","useField","boxStyle","computed","boxModel","style","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBI,UAAMA,IAAQC,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAASH,CAAK,GAEjCI,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWN,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CO,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;qBAzDwCC,EAAAN,CAAA,iBAAzCO,EAAA,GAAAC,EAIoBC,mBAJOX,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAEM;AAAA,cAFNY,EAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOT,EAAA,KAAQ;AAAA,QAAA;UACxDU,EAAkFC,GAAA;AAAA,YAAxD,MAAMF,EAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}

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

@@ -6,3 +6,4 @@ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfc0c8dd"]]);
 export {
   m as default
 };
+//# sourceMappingURL=vf-collapse-widget.vue.js.map

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

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

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

@@ -64,3 +64,4 @@ const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O =
 export {
   O as default
 };
+//# sourceMappingURL=vf-collapse-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div class=\"collapse-container\">\n            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                        <RenderDesignerWigetList\n                            :list=\"headerRightSlotList\"\n                            :parentWidget=\"widget\"\n                            :add=\"evt => onContainerDragAdd(evt, headerRightSlotList)\"\n                            :update=\"onContainerDragUpdate\"\n                        />\n                    </div>\n                </template>\n                <div\n                    class=\"tpf-collapse-content-wrapper\"\n                    :style=\"{\n                        height: widget.options.height || 'unset'\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <RenderDesignerWigetList\n                        :list=\"defaultSlotsList\"\n                        :parentWidget=\"widget\"\n                        :add=\"evt => onContainerDragAdd(evt, defaultSlotsList)\"\n                        :update=\"onContainerDragUpdate\"\n                    />\n                </div>\n            </TpfCollapse>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import { TpfCollapse } from 'tmgc2-share';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import {\n        useContainerWidget,\n        type WidgetProps\n    } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n    import type { CollapseWidget } from '@/components/form-designer/widget-panel/containers/vf-collapse';\n    import { computed } from 'vue';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    defineOptions({\n        name: ContainerTypeEnum.VfCollapseWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<CollapseWidget>>();\n\n    const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n    const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n\n    const { initRefList } = useAppRef(props);\n\n    const { onContainerDragAdd, onContainerDragUpdate } = useContainerWidget(props);\n\n    initRefList();\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        padding: 5px;\n        .collapse-right {\n            min-width: 200px;\n            min-height: 30px;\n            border: 1px dashed #666;\n        }\n        :deep(.design-time-bottom-margin) {\n            margin-bottom: 0;\n            .static-content-item {\n                margin-bottom: 0;\n                padding: 3px;\n            }\n        }\n        :deep(.tpf-collapse-content-wrapper) {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n        }\n    }\n</style>\n"],"names":["props","__props","defaultSlotsList","computed","headerRightSlotList","initRefList","useAppRef","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","_unref","TpfCollapse","widget","_hoisted_2","RenderDesignerWigetList","evt","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkDI,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,MAAMH,EAAM,OAAO,oBAAoB,EAAE,GACrEI,IAAsBD,EAAS,MAAMH,EAAM,OAAO,uBAAuB,EAAE,GAE3E,EAAE,aAAAK,EAAA,IAAgBC,EAAUN,CAAK,GAEjC,EAAE,oBAAAO,GAAoB,uBAAAC,MAA0BC,EAAmBT,CAAK;AAE9E,WAAAK,EAAA,cA1DAK,EAAA,GAAAC,EA6BmBC,OA7BOZ,CAAK,CAAA,GAAA;AAAA,iBAC3B,MA2BM;AAAA,QA3BNa,EA2BM,OA3BNC,GA2BM;AAAA,UA1BFC,EAyBcC,EAAAC,CAAA,GAAA;AAAA,YAzBA,OAAOC,EAAAA,OAAO,QAAQ;AAAA,UAAA;YACrB,SACP,MAOM;AAAA,cAPNL,EAOM,OAPNM,GAOM;AAAA,gBANFJ,EAKEK,GAAA;AAAA,kBAJG,MAAMhB,EAAA;AAAA,kBACN,cAAcc,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOL,KAAmBK,GAAKjB,EAAA,KAAmB;AAAA,kBACvD,QAAQY,EAAAR,CAAA;AAAA,gBAAA;;;uBAIrB,MAaM;AAAA,gBAbNK,EAaM,OAAA;AAAA,gBAZF,OAAM;AAAA,gBACL,OAAKS,EAAA;AAAA,0BAAoCJ,EAAAA,OAAO,QAAQ,UAAM;AAAA,gBAAA;;gBAK/DH,EAKEK,GAAA;AAAA,kBAJG,MAAMlB,EAAA;AAAA,kBACN,cAAcgB,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOL,KAAmBK,GAAKnB,EAAA,KAAgB;AAAA,kBACpD,QAAQc,EAAAR,CAAA;AAAA,gBAAA;;qBANJU,EAAAA,OAAO,QAAQ,UAAU;AAAA,cAAA;;;;;;;;;;"}

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

@@ -5,3 +5,4 @@ const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3fc6eab3"]]);
 export {
   e as default
 };
+//# sourceMappingURL=vf-dialog-widget.vue.js.map

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

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

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

@@ -41,3 +41,4 @@ const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
 export {
   W as default
 };
+//# sourceMappingURL=vf-dialog-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vf-dialog-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div class=\"dialog-container\" :key=\"widget.id\">\n            <div class=\"dialog-title\">\n                <span class=\"tpf-link\" @click=\"handleClickTitle\">\n                    {{ widget.options.title }}\n                </span>\n            </div>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import type { WidgetProps } from './useContainerWidget';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfDialogWidget,\n        componentName: ComponentNameEnum.VfDialogWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n\n    const { initRefList } = useAppRef(props);\n\n    const handleClickTitle = () => {\n        const url = new URL(window.location.href);\n        const { title, formCode, formId } = props.widget.options;\n        if (formId) {\n            url.searchParams.set('formCode', formCode);\n            url.searchParams.set('remark', title);\n            url.searchParams.set('id', formId);\n            window.open(url.href);\n        }\n    };\n\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .dialog-container {\n        width: 100%;\n        min-height: 40px;\n        position: relative;\n\n        .dialog-title {\n            font-size: 14px;\n            color: #666;\n            line-height: 40px;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","handleClickTitle","url","title","formCode","formId","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createElementVNode","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAQC,GAER,EAAE,aAAAC,EAAA,IAAgBC,EAAUH,CAAK,GAEjCI,IAAmB,MAAM;AAC3B,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI,GAClC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWR,EAAM,OAAO;AACjD,MAAIQ,MACAH,EAAI,aAAa,IAAI,YAAYE,CAAQ,GACzCF,EAAI,aAAa,IAAI,UAAUC,CAAK,GACpCD,EAAI,aAAa,IAAI,MAAMG,CAAM,GACjC,OAAO,KAAKH,EAAI,IAAI;AAAA,IAE5B;AAEA,WAAAH,EAAA,cArCAO,EAAA,GAAAC,EAQmBC,OAROX,CAAK,CAAA,GAAA;AAAA,iBAC3B,MAMM;AAAA,cANNY,EAMM,OAAA;AAAA,UAND,OAAM;AAAA,UAAoB,KAAKC,EAAAA,OAAO;AAAA,QAAA;UACvCC,EAIM,OAJNC,GAIM;AAAA,YAHFD,EAEO,QAAA;AAAA,cAFD,OAAM;AAAA,cAAY,SAAOV;AAAA,YAAA,KACxBS,EAAAA,OAAO,QAAQ,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js

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

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as v, ref as y, watchEffect as _, createBlock as b, createCommentVNode as g, unref as a, openBlock as h, mergeProps as B, withCtx as E, createElementVNode as x } from "vue";
+import C from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as F, WidgetTypeEnum as N } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+const M = "https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js", W = /* @__PURE__ */ v({
+  name: N.bpmnEditor,
+  componentName: F.FieldWidget,
+  __name: "bpmn-editor-widget copy",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(l, { expose: m }) {
+    const n = l, { rules: c, fieldEditor: i, fieldModel: s, handleHidden: p, defineExposed: u } = k(n), e = y(), f = async () => window.BpmnJS ? window.BpmnJS : new Promise((r, o) => {
+      const t = document.createElement("script");
+      t.src = M, t.onload = () => {
+        r(window.BpmnJS);
+      }, t.onerror = o, document.body.appendChild(t);
+    }), w = async (r) => {
+      e.value && e.value.destroy && e.value.destroy();
+      try {
+        const o = await f();
+        e.value = new o({ container: i.value });
+        const t = e.value;
+        e.value.importXML(r, (d) => {
+          d ? console.error(d) : t.get("canvas").zoom("fit-viewport");
+        });
+      } catch (o) {
+        console.error("Failed to load BPMN Viewer:", o);
+      }
+    };
+    return _(() => {
+      s.value ? w(s.value) : e.value && e.value.destroy && e.value.destroy();
+    }), m({
+      ...u
+    }), (r, o) => a(p) ? g("", !0) : (h(), b(C, B({ key: 0 }, n, { rules: a(c) }), {
+      default: E(() => [
+        x("div", {
+          ref_key: "fieldEditor",
+          ref: i,
+          class: "t-w-full t-h-[30vh]"
+        }, null, 512)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=bpmn-editor-widget copy.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-editor-widget copy.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { ref, watchEffect } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const { rules, fieldEditor, fieldModel, handleHidden, defineExposed } = useField(props);\n    const bpmnModeler = ref();\n\n    // CDN 配置\n    const BPMN_CDN_URL = 'https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js';\n\n    const loadBpmnJs = async () => {\n        // @ts-ignore\n        if (window.BpmnJS) return window.BpmnJS;\n\n        return new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = BPMN_CDN_URL;\n            script.onload = () => {\n                // @ts-ignore\n                resolve(window.BpmnJS);\n            };\n            script.onerror = reject;\n            document.body.appendChild(script);\n        });\n    };\n\n    const preview = async (xml: string) => {\n        // 避免缓存，每次清一下\n        if (bpmnModeler.value && bpmnModeler.value.destroy) {\n            bpmnModeler.value.destroy();\n        }\n\n        try {\n            const BpmnViewer = await loadBpmnJs();\n            bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n            const viewer = bpmnModeler.value;\n            bpmnModeler.value.importXML(xml, (err: any) => {\n                if (err) {\n                    console.error(err);\n                } else {\n                    // 只实现预览，核心代码以下两句足够\n                    const canvas = viewer.get('canvas');\n                    canvas.zoom('fit-viewport');\n                }\n            });\n        } catch (error) {\n            console.error('Failed to load BPMN Viewer:', error);\n        }\n    };\n\n    watchEffect(() => {\n        if (fieldModel.value) {\n            preview(fieldModel.value);\n        } else {\n            if (bpmnModeler.value && bpmnModeler.value.destroy) {\n                bpmnModeler.value.destroy();\n            }\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    :deep(.bjs-powered-by) {\n        display: none;\n    }\n    :deep(.bjs-breadcrumbs) {\n        display: none;\n    }\n</style>\n"],"names":["BPMN_CDN_URL","props","__props","rules","fieldEditor","fieldModel","handleHidden","defineExposed","useField","bpmnModeler","ref","loadBpmnJs","resolve","reject","script","preview","xml","BpmnViewer","viewer","err","error","watchEffect","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode"],"mappings":";;;;AAqBI,MAAMA,IAAe;;;;;;;;;;;;;;;;AALrB,UAAMC,IAAQC,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASP,CAAK,GAChFQ,IAAcC,EAAA,GAKdC,IAAa,YAEX,OAAO,SAAe,OAAO,SAE1B,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,MAAAA,EAAO,MAAMd,GACbc,EAAO,SAAS,MAAM;AAElB,QAAAF,EAAQ,OAAO,MAAM;AAAA,MACzB,GACAE,EAAO,UAAUD,GACjB,SAAS,KAAK,YAAYC,CAAM;AAAA,IACpC,CAAC,GAGCC,IAAU,OAAOC,MAAgB;AAEnC,MAAIP,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAGtB,UAAI;AACA,cAAMQ,IAAa,MAAMN,EAAA;AACzB,QAAAF,EAAY,QAAQ,IAAIQ,EAAW,EAAE,WAAWb,EAAY,OAAO;AACnE,cAAMc,IAAST,EAAY;AAC3B,QAAAA,EAAY,MAAM,UAAUO,GAAK,CAACG,MAAa;AAC3C,UAAIA,IACA,QAAQ,MAAMA,CAAG,IAGFD,EAAO,IAAI,QAAQ,EAC3B,KAAK,cAAc;AAAA,QAElC,CAAC;AAAA,MACL,SAASE,GAAO;AACZ,gBAAQ,MAAM,+BAA+BA,CAAK;AAAA,MACtD;AAAA,IACJ;AAEA,WAAAC,EAAY,MAAM;AACd,MAAIhB,EAAW,QACXU,EAAQV,EAAW,KAAK,IAEpBI,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAAA,IAG9B,CAAC,GAEDa,EAAa;AAAA,MACT,GAAGf;AAAA,IAAA,CACN,aA1EwCgB,EAAAjB,CAAA,iBAAzCkB,KAAAC,EAEoBC,GAFpBC,EAEoB,EAAA,KAAA,EAAA,GAFO1B,GAAK,EAAwB,OAAOsB,EAAApB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAAyD;AAAA,QAAzDyB,EAAyD,OAAA;AAAA,mBAAhD;AAAA,UAAJ,KAAIxB;AAAA,UAAc,OAAM;AAAA,QAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js

@@ -5,3 +5,4 @@ const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b840c39"]]);
 export {
   i as default
 };
+//# sourceMappingURL=bpmn-editor-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue2.js

@@ -45,3 +45,4 @@ const P = /* @__PURE__ */ c({
 export {
   P as default
 };
+//# sourceMappingURL=bpmn-editor-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-editor-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { ref, watchEffect } from 'vue';\n    import BpmnViewer from 'bpmn-js/lib/Viewer';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const { rules, fieldEditor, fieldModel, handleHidden, defineExposed } = useField(props);\n    const bpmnModeler = ref();\n\n    const preview = xml => {\n        // 避免缓存，每次清一下\n        if (bpmnModeler.value && bpmnModeler.value.destroy) {\n            bpmnModeler.value.destroy();\n        }\n        bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n        const viewer = bpmnModeler.value;\n        bpmnModeler.value.importXML(xml, err => {\n            if (err) {\n                console.error(err);\n            } else {\n                // 只实现预览，核心代码以下两句足够\n                const canvas = viewer.get('canvas');\n                canvas.zoom('fit-viewport');\n            }\n        });\n    };\n\n    watchEffect(() => {\n        if (fieldModel.value) {\n            preview(fieldModel.value);\n        } else {\n            if (bpmnModeler.value && bpmnModeler.value.destroy) {\n                bpmnModeler.value.destroy();\n            }\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    :deep(.bjs-powered-by) {\n        display: none;\n    }\n    :deep(.bjs-breadcrumbs) {\n        display: none;\n    }\n</style>\n"],"names":["props","__props","rules","fieldEditor","fieldModel","handleHidden","defineExposed","useField","bpmnModeler","ref","preview","xml","BpmnViewer","viewer","err","watchEffect","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBI,UAAMA,IAAQC,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASP,CAAK,GAChFQ,IAAcC,EAAA,GAEdC,IAAU,CAAAC,MAAO;AAEnB,MAAIH,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA,GAEtBA,EAAY,QAAQ,IAAII,EAAW,EAAE,WAAWT,EAAY,OAAO;AACnE,YAAMU,IAASL,EAAY;AAC3B,MAAAA,EAAY,MAAM,UAAUG,GAAK,CAAAG,MAAO;AACpC,QAAIA,IACA,QAAQ,MAAMA,CAAG,IAGFD,EAAO,IAAI,QAAQ,EAC3B,KAAK,cAAc;AAAA,MAElC,CAAC;AAAA,IACL;AAEA,WAAAE,EAAY,MAAM;AACd,MAAIX,EAAW,QACXM,EAAQN,EAAW,KAAK,IAEpBI,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAAA,IAG9B,CAAC,GAEDQ,EAAa;AAAA,MACT,GAAGV;AAAA,IAAA,CACN,aAlDwCW,EAAAZ,CAAA,iBAAzCa,KAAAC,EAEoBC,GAFpBC,EAEoB,EAAA,KAAA,EAAA,GAFOrB,GAAK,EAAwB,OAAOiB,EAAAf,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAAyD;AAAA,QAAzDoB,EAAyD,OAAA;AAAA,mBAAhD;AAAA,UAAJ,KAAInB;AAAA,UAAc,OAAM;AAAA,QAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js

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

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as u, computed as a, createBlock as c, createCommentVNode as l, unref as t, openBlock as f, normalizeProps as x, mergeProps as b, withCtx as g, createVNode as C } from "vue";
-import { ComponentNameEnum as L, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
-import w from "./static-content-wrapper.vue.js";
-import E from "../../../public/ActionButtonListRender.vue.js";
-import { useField as F } from "./useField.js";
-const I = /* @__PURE__ */ u({
-  name: _.buttonList,
-  componentName: L.FieldWidget,
+import { defineComponent as c, computed as a, createBlock as f, createCommentVNode as l, unref as t, openBlock as x, normalizeProps as b, mergeProps as g, withCtx as C, createVNode as L } from "vue";
+import { ComponentNameEnum as _, WidgetTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+import F from "./static-content-wrapper.vue.js";
+import w from "../../../public/ActionButtonListRender.vue.js";
+import { useField as k } from "./useField.js";
+import { useExecFunction as N } from "tmgc2-share";
+const V = /* @__PURE__ */ c({
+  name: E.buttonList,
+  componentName: _.FieldWidget,
   __name: "button-list-widget",
   props: {
     widget: {},
@@ -18,22 +19,22 @@ const I = /* @__PURE__ */ u({
     subFormRowId: {},
     subFormColIndex: {}
   },
-  setup(i, { expose: s }) {
-    const o = i, r = a(() => e.options.buttonList || []), { fieldEditor: d, field: e, designState: p, handleHidden: m, defineExposed: n } = F(o);
-    return s({
-      buttonList: r,
-      ...n
-    }), (k, N) => t(m) ? l("", !0) : (f(), c(w, x(b({ key: 0 }, o)), {
-      default: g(() => [
-        C(E, {
+  setup(n, { expose: i }) {
+    const o = n, s = a(() => e.options.buttonList || []), { fieldEditor: r, field: e, designState: d, handleHidden: m, defineExposed: p } = k(o), { context: u } = N();
+    return i({
+      buttonList: s,
+      ...p
+    }), (S, W) => t(m) ? l("", !0) : (x(), f(F, b(g({ key: 0 }, o)), {
+      default: C(() => [
+        L(w, {
           ref_key: "fieldEditor",
-          ref: d,
+          ref: r,
           options: t(e).options,
-          designState: t(p),
+          designState: t(d),
           buttonList: t(e).options.buttonList || [],
           customClass: t(e).options.customClass || [],
           flex: t(e).options.flex,
-          ctx: t(n)
+          ctx: t(u)
         }, null, 8, ["options", "designState", "buttonList", "customClass", "flex", "ctx"])
       ]),
       _: 1
@@ -41,5 +42,6 @@ const I = /* @__PURE__ */ u({
   }
 });
 export {
-  I as default
+  V as default
 };
+//# sourceMappingURL=button-list-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-list-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-list-widget.vue"],"sourcesContent":["<template>\n    <static-content-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <ActionButtonListRender\n            ref=\"fieldEditor\"\n            :options=\"field.options\"\n            :designState=\"designState\"\n            :buttonList=\"field.options.buttonList || []\"\n            :customClass=\"field.options.customClass || []\"\n            :flex=\"field.options.flex\"\n            :ctx=\"context\"\n        />\n    </static-content-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import StaticContentWrapper from './static-content-wrapper.vue';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    import { FieldProps, useField } from './useField';\n    import { computed } from 'vue';\n    import { useExecFunction } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.buttonList,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const buttonList = computed(() => field.options.buttonList || []);\n\n    const { fieldEditor, field, size, designState, handleHidden, defineExposed } = useField(props);\n\n    const { context } = useExecFunction();\n\n    defineExpose({\n        buttonList,\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .flex {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n    }\n</style>\n"],"names":["props","__props","buttonList","computed","field","fieldEditor","designState","handleHidden","defineExposed","useField","context","useExecFunction","__expose","_unref","_openBlock","_createBlock","StaticContentWrapper","_createVNode","ActionButtonListRender"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GAERC,IAAaC,EAAS,MAAMC,EAAM,QAAQ,cAAc,EAAE,GAE1D,EAAE,aAAAC,GAAa,OAAAD,GAAa,aAAAE,GAAa,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAAST,CAAK,GAEvF,EAAE,SAAAU,EAAA,IAAYC,EAAA;AAEpB,WAAAC,EAAa;AAAA,MACT,YAAAV;AAAA,MACA,GAAGM;AAAA,IAAA,CACN,aApC6CK,EAAAN,CAAA,iBAA9CO,EAAA,GAAAC,EAUyBC,mBAVOhB,CAAK,CAAA,GAAA;AAAA,iBACjC,MAQE;AAAA,QARFiB,EAQEC,GAAA;AAAA,mBAPM;AAAA,UAAJ,KAAIb;AAAA,UACH,SAASQ,EAAAT,CAAA,EAAM;AAAA,UACf,aAAaS,EAAAP,CAAA;AAAA,UACb,YAAYO,EAAAT,CAAA,EAAM,QAAQ,cAAU,CAAA;AAAA,UACpC,aAAaS,EAAAT,CAAA,EAAM,QAAQ,eAAW,CAAA;AAAA,UACtC,MAAMS,EAAAT,CAAA,EAAM,QAAQ;AAAA,UACpB,KAAKS,EAAAH,CAAA;AAAA,QAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js

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

package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/button-widget.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, resolveComponent as x, createBlock as i, createCommentVNode as s, unref as e, openBlock as r, normalizeProps as k, mergeProps as y, withCtx as a, createVNode as F, normalizeClass as w, createTextVNode as z, toDisplayString as E } from "vue";
+import { defineComponent as _, resolveComponent as x, createBlock as i, createCommentVNode as s, unref as e, openBlock as a, normalizeProps as y, mergeProps as k, withCtx as r, createVNode as w, normalizeClass as E, createTextVNode as F, toDisplayString as z } from "vue";
 import N from "./static-content-wrapper.vue.js";
 import { SvgIcon as W } from "tmgc2-share";
 import { ComponentNameEnum as B, WidgetTypeEnum as I } from "../../../../constants/WidgetTypeEnum.js";
@@ -21,7 +21,7 @@ const H = /* @__PURE__ */ _({
   setup(d, { expose: p }) {
     const t = d, {
       loading: l,
-      executeFunction: c,
+      asyncExecuteFunction: c,
       fieldEditor: m,
       field: o,
       size: u,
@@ -29,8 +29,8 @@ const H = /* @__PURE__ */ _({
       handleHidden: g,
       handleDisabled: b,
       defineExposed: h
-    } = S(t), n = () => {
-      f || o.options.onClick && c({
+    } = S(t), n = async () => {
+      f || o.options.onClick && await c({
         functionBody: o.options.onClick || ""
       });
     };
@@ -39,14 +39,14 @@ const H = /* @__PURE__ */ _({
       handleButtonWidgetClick: n
     }), (P, V) => {
       const C = x("a-button");
-      return e(g) ? s("", !0) : (r(), i(N, k(y({ key: 0 }, t)), {
-        default: a(() => [
-          F(C, {
+      return e(g) ? s("", !0) : (a(), i(N, y(k({ key: 0 }, t)), {
+        default: r(() => [
+          w(C, {
             ref_key: "fieldEditor",
             ref: m,
             type: e(o).options.type,
             size: e(u),
-            class: w([e(o).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+            class: E([e(o).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
             shape: e(o).options.shape,
             danger: e(o).options.danger,
             ghost: e(o).options.ghost,
@@ -54,12 +54,12 @@ const H = /* @__PURE__ */ _({
             loading: e(l),
             onClick: n
           }, {
-            default: a(() => [
-              e(o).options.icon ? (r(), i(e(W), {
+            default: r(() => [
+              e(o).options.icon ? (a(), i(e(W), {
                 key: 0,
                 "icon-class": e(o).options.icon
               }, null, 8, ["icon-class"])) : s("", !0),
-              z(" " + E(e(o).options.label), 1)
+              F(" " + z(e(o).options.label), 1)
             ]),
             _: 1
           }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading"])
@@ -72,3 +72,4 @@ const H = /* @__PURE__ */ _({
 export {
   H as default
 };
+//# sourceMappingURL=button-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/button-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/button-widget.vue"],"sourcesContent":["<template>\n    <static-content-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n        <a-button\n            ref=\"fieldEditor\"\n            :type=\"field.options.type\"\n            :size=\"size\"\n            :class=\"[field.options.label === '' ? 'hide-text-span' : '', 'tpf-button']\"\n            :shape=\"field.options.shape\"\n            :danger=\"field.options.danger\"\n            :ghost=\"field.options.ghost\"\n            :disabled=\"handleDisabled\"\n            :loading=\"loading\"\n            @click=\"handleButtonWidgetClick\"\n        >\n            <svg-icon v-if=\"field.options.icon\" :icon-class=\"field.options.icon\" />\n            {{ field.options.label }}\n        </a-button>\n    </static-content-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import StaticContentWrapper from './static-content-wrapper.vue';\n    import { SvgIcon } from 'tmgc2-share';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { type FieldProps, useField } from './useField';\n    defineOptions({\n        name: WidgetTypeEnum.button,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const {\n        loading,\n        executeFunction,\n        asyncExecuteFunction,\n\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const handleButtonWidgetClick = async () => {\n        if (designState) {\n            //设计状态不触发点击事件\n            return;\n        }\n\n        if (field.options.onClick) {\n            await asyncExecuteFunction({\n                functionBody: field.options.onClick || ''\n            });\n        }\n    };\n\n    defineExpose({\n        ...defineExposed,\n        handleButtonWidgetClick\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    //* static-content-wrapper已引入，还需要重复引入吗？ *//\n\n    .hide-text-span :deep(span) {\n        display: none;\n    }\n</style>\n"],"names":["props","__props","loading","asyncExecuteFunction","fieldEditor","field","size","designState","handleHidden","handleDisabled","defineExposed","useField","handleButtonWidgetClick","__expose","_unref","_openBlock","_createBlock","StaticContentWrapper","_createVNode","_component_a_button","_normalizeClass","SvgIcon","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BI,UAAMA,IAAQC,GACR;AAAA,MACF,SAAAC;AAAA,MAEA,sBAAAC;AAAA,MAEA,aAAAC;AAAA,MACA,OAAAC;AAAA,MAGA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASX,CAAK,GAEZY,IAA0B,YAAY;AACxC,MAAIL,KAKAF,EAAM,QAAQ,WACd,MAAMF,EAAqB;AAAA,QACvB,cAAcE,EAAM,QAAQ,WAAW;AAAA,MAAA,CAC1C;AAAA,IAET;AAEA,WAAAQ,EAAa;AAAA,MACT,GAAGH;AAAA,MACH,yBAAAE;AAAA,IAAA,CACH;;aA9D6CE,EAAAN,CAAA,iBAA9CO,EAAA,GAAAC,EAgByBC,mBAhBOjB,CAAK,CAAA,GAAA;AAAA,mBACjC,MAcW;AAAA,UAdXkB,EAcWC,GAAA;AAAA,qBAbH;AAAA,YAAJ,KAAIf;AAAA,YACH,MAAMU,EAAAT,CAAA,EAAM,QAAQ;AAAA,YACpB,MAAMS,EAAAR,CAAA;AAAA,YACN,OAAKc,EAAA,CAAGN,EAAAT,CAAA,EAAM,QAAQ,UAAK,KAAA,mBAAA,IAAA,YAAA,CAAA;AAAA,YAC3B,OAAOS,EAAAT,CAAA,EAAM,QAAQ;AAAA,YACrB,QAAQS,EAAAT,CAAA,EAAM,QAAQ;AAAA,YACtB,OAAOS,EAAAT,CAAA,EAAM,QAAQ;AAAA,YACrB,UAAUS,EAAAL,CAAA;AAAA,YACV,SAASK,EAAAZ,CAAA;AAAA,YACT,SAAOU;AAAA,UAAA;uBAER,MAAuE;AAAA,cAAvDE,EAAAT,CAAA,EAAM,QAAQ,aAA9BW,EAAuEF,EAAAO,CAAA,GAAA;AAAA;gBAAlC,cAAYP,EAAAT,CAAA,EAAM,QAAQ;AAAA,cAAA;cAAQiB,EAAA,MACvEC,EAAGT,EAAAT,CAAA,EAAM,QAAQ,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js

@@ -2,3 +2,4 @@ import f from "./cascader-widget.vue2.js";
 export {
   f as default
 };
+//# sourceMappingURL=cascader-widget.vue.js.map

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as k, computed as B, resolveComponent as I, createBlock as s, createCommentVNode as N, unref as e, openBlock as t, mergeProps as R, withCtx as W, createElementVNode as z, createElementBlock as K, isRef as M, toDisplayString as P } from "vue";
-import S from "./form-item-wrapper.vue.js";
-import { useField as D } from "./useField.js";
-import { ComponentNameEnum as L, WidgetTypeEnum as T } from "../../../../constants/WidgetTypeEnum.js";
-import { useSelect as V } from "./hooks/useSelect.js";
-import { formateCascaderCode as H } from "../../../../utils/format.js";
-const O = { class: "full-width-input" }, U = {
+import { defineComponent as I, onMounted as B, computed as N, resolveComponent as R, createBlock as s, createCommentVNode as M, unref as e, openBlock as t, mergeProps as W, withCtx as z, createElementVNode as K, createElementBlock as P, isRef as S, toDisplayString as D } from "vue";
+import L from "./form-item-wrapper.vue.js";
+import { useField as O } from "./useField.js";
+import { ComponentNameEnum as T, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as H } from "./hooks/useSelect.js";
+import { formateCascaderCode as U } from "../../../../utils/format.js";
+const j = { class: "full-width-input" }, q = {
   key: 1,
   class: "readonly-mode-field"
-}, Y = /* @__PURE__ */ k({
-  name: T.cascader,
-  componentName: L.FieldWidget,
+}, $ = /* @__PURE__ */ I({
+  name: V.cascader,
+  componentName: T.FieldWidget,
   __name: "cascader-widget",
   props: {
     widget: {},
@@ -37,30 +37,34 @@ const O = { class: "full-width-input" }, U = {
       handleFocusCustomEvent: y,
       handleBlurCustomEvent: F,
       defineExposed: b
-    } = D(n), { labelKey: r, valueKey: a, childrenKey: d } = V({
+    } = O(n), { labelKey: r, valueKey: a, childrenKey: d, initOptionItems: w } = H({
       field: o,
       fieldModel: l,
       designState: C
-    }), w = B(() => l.value ? H(o.options.optionItems, l.value, {
+    });
+    B(() => {
+      w();
+    });
+    const x = N(() => l.value ? U(o.options.optionItems, l.value, {
       label: r.value,
       value: a.value,
       children: d.value
     }) : "");
     return p({
       ...b
-    }), (j, i) => {
-      const x = I("a-cascader");
-      return e(_) ? N("", !0) : (t(), s(S, R({ key: 0 }, n, { rules: e(m) }), {
-        default: W(() => [
-          z("div", O, [
-            e(v) ? (t(), K("span", U, P(w.value), 1)) : (t(), s(x, {
+    }), (A, i) => {
+      const E = R("a-cascader");
+      return e(_) ? M("", !0) : (t(), s(L, W({ key: 0 }, n, { rules: e(m) }), {
+        default: z(() => [
+          K("div", j, [
+            e(v) ? (t(), P("span", q, D(x.value), 1)) : (t(), s(E, {
               key: 0,
               ref_key: "fieldEditor",
               ref: f,
               size: e(h),
               options: e(o).options.optionItems,
               value: e(l),
-              "onUpdate:value": i[0] || (i[0] = (E) => M(l) ? l.value = E : null),
+              "onUpdate:value": i[0] || (i[0] = (k) => S(l) ? l.value = k : null),
               disabled: e(g),
               allowClear: e(o).options.allowClear,
               placeholder: e(o).options.placeholder || e(c)("render.hint.selectPlaceholder"),
@@ -78,5 +82,6 @@ const O = { class: "full-width-input" }, U = {
   }
 });
 export {
-  Y as default
+  $ as default
 };
+//# sourceMappingURL=cascader-widget.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/cascader-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"full-width-input\">\n            <a-cascader\n                ref=\"fieldEditor\"\n                :size=\"size\"\n                :options=\"field.options.optionItems\"\n                v-model:value=\"fieldModel\"\n                :disabled=\"handleDisabled\"\n                :allowClear=\"field.options.allowClear\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :fieldNames=\"{ value: valueKey, label: labelKey, children: childrenKey }\"\n                :expandTrigger=\"'hover'\"\n                :multiple=\"field.options.multiple\"\n                @focus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                v-if=\"!isReadMode\"\n            />\n            <template v-else>\n                <span class=\"readonly-mode-field\">{{ contentForReadMode }}</span>\n            </template>\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@/constants/WidgetTypeEnum';\n    import { useSelect } from './hooks/useSelect';\n    import { computed, onMounted } from 'vue';\n    import { formateCascaderCode } from '@/utils/format';\n    defineOptions({\n        name: WidgetTypeEnum.cascader,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        i18nt,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        designState,\n        handleHidden,\n        handleDisabled,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const { labelKey, valueKey, childrenKey, initOptionItems } = useSelect({\n        field,\n        fieldModel,\n        designState\n    });\n\n    onMounted(() => {\n        initOptionItems();\n    });\n\n    const contentForReadMode = computed(() => {\n        if (!fieldModel.value) return '';\n        return formateCascaderCode(field.options.optionItems, fieldModel.value, {\n            label: labelKey.value,\n            value: valueKey.value,\n            children: childrenKey.value\n        });\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","i18nt","fieldEditor","field","fieldModel","isReadMode","size","designState","handleHidden","handleDisabled","handleFocusCustomEvent","handleBlurCustomEvent","defineExposed","useField","labelKey","valueKey","childrenKey","initOptionItems","useSelect","onMounted","contentForReadMode","computed","formateCascaderCode","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_hoisted_1","_createElementBlock","_hoisted_2","_toDisplayString","_component_a_cascader","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoCI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASf,CAAK,GAEZ,EAAE,UAAAgB,GAAU,UAAAC,GAAU,aAAAC,GAAa,iBAAAC,EAAA,IAAoBC,EAAU;AAAA,MACnE,OAAAf;AAAA,MACA,YAAAC;AAAA,MACA,aAAAG;AAAA,IAAA,CACH;AAED,IAAAY,EAAU,MAAM;AACZ,MAAAF,EAAA;AAAA,IACJ,CAAC;AAED,UAAMG,IAAqBC,EAAS,MAC3BjB,EAAW,QACTkB,EAAoBnB,EAAM,QAAQ,aAAaC,EAAW,OAAO;AAAA,MACpE,OAAOU,EAAS;AAAA,MAChB,OAAOC,EAAS;AAAA,MAChB,UAAUC,EAAY;AAAA,IAAA,CACzB,IAL6B,EAMjC;AAED,WAAAO,EAAa;AAAA,MACT,GAAGX;AAAA,IAAA,CACN;;aA1EwCY,EAAAhB,CAAA,iBAAzCiB,KAAAC,EAqBoBC,GArBpBC,EAqBoB,EAAA,KAAA,EAAA,GArBO9B,GAAK,EAAwB,OAAO0B,EAAAxB,CAAA,EAAA,CAAK,GAAA;AAAA,mBAChE,MAmBM;AAAA,UAnBN6B,EAmBM,OAnBNC,GAmBM;AAAA,YALSN,EAAAnB,CAAA,UAGP0B,EAAiE,QAAjEC,GAAiEC,EAA5Bb,EAAA,KAAkB,GAAA,CAAA,WAhB3DM,EAcEQ,GAAA;AAAA;uBAbM;AAAA,cAAJ,KAAIhC;AAAA,cACH,MAAMsB,EAAAlB,CAAA;AAAA,cACN,SAASkB,EAAArB,CAAA,EAAM,QAAQ;AAAA,cAChB,OAAOqB,EAAApB,CAAA;AAAA,8DAAAA,EAAU,QAAA+B,IAAA;AAAA,cACxB,UAAUX,EAAAf,CAAA;AAAA,cACV,YAAYe,EAAArB,CAAA,EAAM,QAAQ;AAAA,cAC1B,aAAaqB,EAAArB,CAAA,EAAM,QAAQ,eAAeqB,EAAAvB,CAAA,EAAK,+BAAA;AAAA,cAC/C,YAAU,EAAA,OAAWuB,EAAAT,CAAA,GAAQ,OAASS,EAAAV,CAAA,aAAoBU,EAAAR,CAAA,EAAA;AAAA,cAC1D,eAAe;AAAA,cACf,UAAUQ,EAAArB,CAAA,EAAM,QAAQ;AAAA,cACxB,SAAOqB,EAAAd,CAAA;AAAA,cACP,QAAMc,EAAAb,CAAA;AAAA,YAAA;UAIgD;;;;;;;"}