@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,21 +1,21 @@
-import i18n from "../../../../utils/i18n.js";
-import containerMixin from "./containerMixin.js";
-import ContainerWrapper from "./container-wrapper.vue.js";
-import comps from "../field-widget/index.js";
-import refMixinDesign from "../../refMixinDesign.js";
-import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, Fragment, renderList, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
+import _ from "../../../../utils/i18n.js";
+import y from "./containerMixin.js";
+import v from "./container-wrapper.vue.js";
+import x from "../field-widget/index.js";
+import T from "../../refMixinDesign.js";
+import L from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as s, createBlock as l, openBlock as r, withCtx as c, createElementBlock as p, withModifiers as w, normalizeClass as F, createVNode as f, Fragment as O, renderList as M, mergeProps as B, createElementVNode as P, resolveDynamicComponent as u } from "vue";
 /* empty css                */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import D from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const N = {
   name: "tab-widget",
   componentName: "ContainerWidget",
-  mixins: [i18n, containerMixin, refMixinDesign],
+  mixins: [_, y, T],
   inject: ["refList"],
   components: {
-    Draggable: draggableComponent,
-    ContainerWrapper,
-    ...comps
+    Draggable: L,
+    ContainerWrapper: v,
+    ...x
   },
   props: {
     widget: Object,
@@ -25,7 +25,7 @@ const _sfc_main = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   data() {
@@ -45,123 +45,100 @@ const _sfc_main = {
     //
   },
   created() {
-    this.initRefList();
-    this.handleOnCreated();
+    this.initRefList(), this.handleOnCreated();
   },
   mounted() {
     this.handleOnMounted();
   },
   methods: {
     handleOnCreated() {
-      if (!!this.widget.options.onCreated) {
-        const customFunc = new Function(this.widget.options.onCreated);
-        customFunc.call(this);
-      }
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
     },
     handleOnMounted() {
-      if (!!this.designState) {
-        return;
-      }
-      if (!!this.widget.options.onMounted) {
-        const mountFunc = new Function(this.widget.options.onMounted);
-        mountFunc.call(this);
-      }
+      this.designState || this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
     },
-    changeCurrentTab(inx) {
-      var _a, _b;
-      const str = ((_b = (_a = this.widget.tabs[inx]) == null ? void 0 : _a.options) == null ? void 0 : _b.label) || "";
-      this.onTabClick(str);
-      this.widget.options.activeTab = str;
+    changeCurrentTab(e) {
+      var t, a;
+      const n = ((a = (t = this.widget.tabs[e]) == null ? void 0 : t.options) == null ? void 0 : a.label) || "";
+      this.onTabClick(n), this.widget.options.activeTab = n;
     },
-    onTabClick(evt) {
-      const index = this.widget.tabs.findIndex((item) => item.options.label === evt);
-      const paneName = evt;
-      this.widget.tabs.forEach((tp) => {
-        tp.options.active = tp.options.name === paneName;
-      });
-      if (!!this.designState) {
+    onTabClick(e) {
+      const n = this.widget.tabs.findIndex((d) => d.options.label === e), t = e;
+      if (this.widget.tabs.forEach((d) => {
+        d.options.active = d.options.name === t;
+      }), this.designState)
         return;
-      }
-      const onTabClick = this.widget.options.onTabClick;
-      if (onTabClick) {
-        const onTabClickFn = new Function("tab", "index", onTabClick);
-        onTabClickFn.call(this, paneName, index);
-      }
+      const a = this.widget.options.onTabClick;
+      a && new Function("tab", "index", a).call(this, t, n);
     }
   }
-};
-const _hoisted_1 = { class: "form-widget-list" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_draggable = resolveComponent("draggable");
-  const _component_a_tab_pane = resolveComponent("a-tab-pane");
-  const _component_a_tabs = resolveComponent("a-tabs");
-  const _component_container_wrapper = resolveComponent("container-wrapper");
-  return openBlock(), createBlock(_component_container_wrapper, {
-    designer: $props.designer,
-    widget: $props.widget,
-    "parent-widget": $props.parentWidget,
-    "parent-list": $props.parentList,
-    "index-of-parent-list": $props.indexOfParentList
+}, j = { class: "form-widget-list" };
+function A(e, n, t, a, d, g) {
+  const b = s("draggable"), h = s("a-tab-pane"), C = s("a-tabs"), k = s("container-wrapper");
+  return r(), l(k, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
   }, {
-    default: withCtx(() => [
-      (openBlock(), createElementBlock("div", {
-        key: $props.widget.id,
-        class: normalizeClass(["tab-container", { selected: $options.selected }]),
-        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
+    default: c(() => [
+      (r(), p("div", {
+        key: t.widget.id,
+        class: F(["tab-container", { selected: g.selected }]),
+        onClick: n[2] || (n[2] = w((o) => e.selectWidget(t.widget), ["stop"]))
       }, [
-        createVNode(_component_a_tabs, {
-          type: $props.widget.options.type,
-          tabBarGutter: $props.widget.options.tabBarGutter,
-          tabPosition: $props.widget.options.tabPosition,
-          activeKey: $props.widget.options.activeTab,
-          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => $props.widget.options.activeTab = $event),
-          onTabClick: $options.onTabClick
+        f(C, {
+          type: t.widget.options.type,
+          tabBarGutter: t.widget.options.tabBarGutter,
+          tabPosition: t.widget.options.tabPosition,
+          activeKey: t.widget.options.activeTab,
+          "onUpdate:activeKey": n[1] || (n[1] = (o) => t.widget.options.activeTab = o),
+          onTabClick: g.onTabClick
         }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.tabs, (tab) => {
-              return openBlock(), createBlock(_component_a_tab_pane, {
-                tab: tab.options.label,
-                key: tab.options.label,
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectWidget($props.widget), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_draggable, mergeProps({
-                    list: tab.widgetList,
-                    "item-key": "id"
-                  }, { ref_for: true }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-                    handle: ".drag-handler",
-                    tag: "transition-group",
-                    "component-data": { name: "fade" },
-                    onAdd: (evt) => _ctx.onContainerDragAdd(evt, tab.widgetList),
-                    onUpdate: _ctx.onContainerDragUpdate,
-                    move: _ctx.checkContainerMove
-                  }), {
-                    item: withCtx(({ element: subWidget, index: swIdx }) => [
-                      createElementVNode("div", _hoisted_1, [
-                        "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
-                          widget: subWidget,
-                          designer: $props.designer,
-                          key: subWidget.id,
-                          "parent-list": tab.widgetList,
-                          "index-of-parent-list": swIdx,
-                          "parent-widget": $props.widget
-                        }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
-                          field: subWidget,
-                          designer: $props.designer,
-                          key: subWidget.id,
-                          "parent-list": tab.widgetList,
-                          "index-of-parent-list": swIdx,
-                          "parent-widget": $props.widget,
-                          "design-state": true
-                        }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1040, ["list", "onAdd", "onUpdate", "move"])
-                ]),
-                _: 2
-              }, 1032, ["tab"]);
-            }), 128))
+          default: c(() => [
+            (r(!0), p(O, null, M(t.widget.tabs, (o) => (r(), l(h, {
+              tab: o.options.label,
+              key: o.options.label,
+              onClick: n[0] || (n[0] = w((i) => e.selectWidget(t.widget), ["stop"]))
+            }, {
+              default: c(() => [
+                f(b, B({
+                  list: o.widgetList,
+                  "item-key": "id"
+                }, { ref_for: !0 }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                  handle: ".drag-handler",
+                  tag: "transition-group",
+                  "component-data": { name: "fade" },
+                  onAdd: (i) => e.onContainerDragAdd(i, o.widgetList),
+                  onUpdate: e.onContainerDragUpdate,
+                  move: e.checkContainerMove
+                }), {
+                  item: c(({ element: i, index: m }) => [
+                    P("div", j, [
+                      i.category === "container" ? (r(), l(u(i.type + "-widget"), {
+                        widget: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), l(u(i.type + "-widget"), {
+                        field: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget,
+                        "design-state": !0
+                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                    ])
+                  ]),
+                  _: 2
+                }, 1040, ["list", "onAdd", "onUpdate", "move"])
+              ]),
+              _: 2
+            }, 1032, ["tab"]))), 128))
           ]),
           _: 1
         }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey", "onTabClick"])
@@ -170,8 +147,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2e96c388"]]);
+const W = /* @__PURE__ */ D(N, [["render", A], ["__scopeId", "data-v-2e96c388"]]);
 export {
-  tabWidget as default
+  W as default
 };
 //# sourceMappingURL=tab-widget.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"tab-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                    @click.stop=\"selectWidget(widget)\"\n                >\n                    <draggable\n                        :list=\"tab.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'tab-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            //\n            this.handleOnMounted();\n        },\n        methods: {\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n            handleOnMounted() {\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                if (!!this.widget.options.onMounted) {\n                    const mountFunc = new Function(this.widget.options.onMounted);\n                    mountFunc.call(this);\n                }\n            },\n            changeCurrentTab(inx) {\n                const str = this.widget.tabs[inx]?.options?.label || '';\n                this.onTabClick(str);\n                this.widget.options.activeTab = str;\n            },\n            onTabClick(evt) {\n                const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n                const paneName = evt;\n                this.widget.tabs.forEach(tp => {\n                    tp.options.active = tp.options.name === paneName;\n                });\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                const onTabClick = this.widget.options.onTabClick;\n                if (onTabClick) {\n                    const onTabClickFn = new Function('tab', 'index', onTabClick);\n                    onTabClickFn.call(this, paneName, index);\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 46px;\n            }\n            .ant-tabs-content {\n                min-height: 100px;\n            }\n        }\n    }\n\n    .tab-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_openBlock","_Fragment","_renderList","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"tab-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                    @click.stop=\"selectWidget(widget)\"\n                >\n                    <draggable\n                        :list=\"tab.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'tab-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            //\n            this.handleOnMounted();\n        },\n        methods: {\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n            handleOnMounted() {\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                if (!!this.widget.options.onMounted) {\n                    const mountFunc = new Function(this.widget.options.onMounted);\n                    mountFunc.call(this);\n                }\n            },\n            changeCurrentTab(inx) {\n                const str = this.widget.tabs[inx]?.options?.label || '';\n                this.onTabClick(str);\n                this.widget.options.activeTab = str;\n            },\n            onTabClick(evt) {\n                const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n                const paneName = evt;\n                this.widget.tabs.forEach(tp => {\n                    tp.options.active = tp.options.name === paneName;\n                });\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                const onTabClick = this.widget.options.onTabClick;\n                if (onTabClick) {\n                    const onTabClickFn = new Function('tab', 'index', onTabClick);\n                    onTabClickFn.call(this, paneName, index);\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 46px;\n            }\n            .ant-tabs-content {\n                min-height: 100px;\n            }\n        }\n    }\n\n    .tab-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","inx","str","_b","_a","evt","index","item","paneName","tp","onTabClick","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_tabs","_openBlock","_Fragment","_renderList","tab","_component_a_tab_pane","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":";;;;;;;;;AAgFI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,GAAMC,GAAgBC,CAAc;AAAA,EAC7C,QAAQ,CAAC,SAAS;AAAA,EAClB,YAAY;AAAA,IACR,WAAAC;AAAAA,IACA,kBAAAC;AAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,UAAU;AAAA,IACV,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA;AAAA;;EAIX,UAAU;AAAA,IACN,WAAW;AACP,aAAO,KAAK,OAAO,OAAO,KAAK,SAAS;AAAA;IAG5C,cAAc;AACV,aAAO,KAAK,OAAO,QAAQ,eAAe;AAAA,IAC9C;AAAA;EAEJ,OAAO;AAAA;AAAA;EAGP,UAAU;AACN,SAAK,YAAW,GAChB,KAAK,gBAAe;AAAA;EAExB,UAAU;AAEN,SAAK,gBAAe;AAAA;EAExB,SAAS;AAAA,IACL,kBAAkB;AACd,MAAM,KAAK,OAAO,QAAQ,aACH,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS,EAClD,KAAK,IAAI;AAAA;IAG5B,kBAAkB;AACd,MAAM,KAAK,eAIL,KAAK,OAAO,QAAQ,aACJ,IAAI,SAAS,KAAK,OAAO,QAAQ,SAAS,EAClD,KAAK,IAAI;AAAA;IAG3B,iBAAiBC,GAAK;;AAClB,YAAMC,MAAMC,KAAAC,IAAA,KAAK,OAAO,KAAKH,CAAG,MAApB,gBAAAG,EAAuB,YAAvB,gBAAAD,EAAgC,UAAS;AACrD,WAAK,WAAWD,CAAG,GACnB,KAAK,OAAO,QAAQ,YAAYA;AAAA;IAEpC,WAAWG,GAAK;AACZ,YAAMC,IAAQ,KAAK,OAAO,KAAK,UAAU,CAAAC,MAAQA,EAAK,QAAQ,UAAUF,CAAG,GACrEG,IAAWH;AAIjB,UAHA,KAAK,OAAO,KAAK,QAAQ,CAAAI,MAAM;AAC3B,QAAAA,EAAG,QAAQ,SAASA,EAAG,QAAQ,SAASD;AAAA,MAC5C,CAAC,GACK,KAAK;AAEP;AAEJ,YAAME,IAAa,KAAK,OAAO,QAAQ;AACvC,MAAIA,KACqB,IAAI,SAAS,OAAO,SAASA,CAAU,EAC/C,KAAK,MAAMF,GAAUF,CAAK;AAAA,IAE/C;AAAA,EACJ;GA7HyBK,IAAA,EAAA,OAAM,mBAAkB;;;cAtCrDC,EAoEoBC,GAAA;AAAA,IAnEf,UAAUC,EAAA;AAAA,IACV,QAAQA,EAAA;AAAA,IACR,iBAAeA,EAAA;AAAA,IACf,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA;eAEvB,MA4DM;AAAA,YA5DNC,EA4DM,OAAA;AAAA,QA3DD,KAAKD,EAAA,OAAO;AAAA,QACb,OAAKE,EAAA,CAAC,iBAAe,EAAA,UACDC,EAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOC,EAAA,aAAaP,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCQ,EAqDSC,GAAA;AAAA,UApDJ,MAAMT,EAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,EAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,EAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,EAAA,OAAO,QAAQ;AAAA,uDAAfA,EAAA,OAAO,QAAQ,YAASM;AAAA,UAC1C,YAAWH,EAAA;AAAA;qBAGR,MAA0B;AAAA,aAD9BO,EAAA,EAAA,GAAAT,EA6CaU,GAAA,MAAAC,EA5CKZ,EAAA,OAAO,OAAda,YADXf,EA6CagB,GAAA;AAAA,cA3CR,KAAKD,EAAI,QAAQ;AAAA,cACjB,KAAKA,EAAI,QAAQ;AAAA,cACjB,SAAKT,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOC,EAAA,aAAaP,EAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;yBAEhC,MAsCY;AAAA,gBAtCZQ,EAsCYO,GAtCZC,EAsCY;AAAA,kBArCP,MAAMH,EAAI;AAAA,kBACX,YAAS;AAAA,oCACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,kBACnE,QAAO;AAAA,kBACP,KAAI;AAAA,kBACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,kBAChB,OAAK,CAAAtB,MAAOgB,EAAA,mBAAmBhB,GAAKsB,EAAI,UAAU;AAAA,kBAClD,UAAQN,EAAA;AAAA,kBACR,MAAMA,EAAA;AAAA;kBAEI,MAAIU,EACX,CAwBM,EAAA,SAzBkBC,UAAkBC,QAAK;AAAA,oBAC/CC,EAwBM,OAxBNvB,GAwBM;AAAA,sBAvB8BqB,EAAU,aAAV,oBAC5BpB,EAQEuB,EAPOH,EAAU,OAAI,SAAA,GAAA;AAAA,wBAClB,QAAQA;AAAA,wBACR,UAAUlB,EAAA;AAAA,wBACV,KAAKkB,EAAU;AAAA,wBACf,eAAaL,EAAI;AAAA,wBACjB,wBAAsBM;AAAA,wBACtB,iBAAenB,EAAA;AAAA,2HAIpBF,EASEuB,EAROH,EAAU,OAAI,SAAA,GAAA;AAAA,wBAClB,OAAOA;AAAA,wBACP,UAAUlB,EAAA;AAAA,wBACV,KAAKkB,EAAU;AAAA,wBACf,eAAaL,EAAI;AAAA,wBACjB,wBAAsBM;AAAA,wBACtB,iBAAenB,EAAA;AAAA,wBACf,gBAAc;AAAA;;;;;;;;;;;;;;;;;"}