@kp-ui/lowcode-pc 1.0.0 → 1.0.1

package/src/components/public/DataTableColumnDialog.vue2.js

@@ -0,0 +1,333 @@
+import { defineComponent, mergeModels, useModel, ref, computed, watch, resolveComponent, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, createElementBlock, Fragment, renderList, normalizeClass } from "vue";
+import { SearchOutlined } from "@ant-design/icons-vue";
+import { useI18n } from "@kp-ui/i18n";
+import { cloneDeep } from "lodash-es";
+import { TpfModal, SvgIcon } from "tmgc2-share";
+import Draggable from "vuedraggable";
+const _hoisted_1 = { class: "col-left-title" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "search" };
+const _hoisted_4 = { class: "col-left-content" };
+const _hoisted_5 = { class: "col-right-title" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { class: "col-right-content-item-left" };
+const _hoisted_8 = { class: "title" };
+const _hoisted_9 = { class: "col-right-content-item-right" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataTableColumnDialog",
+  props: /* @__PURE__ */ mergeModels({
+    columns: { default: () => [] }
+  }, {
+    "visible": { type: Boolean, ...{ default: false } },
+    "visibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update"], ["update:visible"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "visible");
+    const searchKey = ref("");
+    const tableColumns = ref([]);
+    const rightShowColumns = ref([]);
+    const leftShowColumns = computed(() => {
+      if (!searchKey.value) return tableColumns.value;
+      return tableColumns.value.filter((item) => {
+        return item.title && item.title.toLowerCase().includes(searchKey.value.toLowerCase());
+      });
+    });
+    const checkAll = ref(false);
+    const indeterminate = ref(false);
+    const updateCheckAll = () => {
+      const visibleColumns = leftShowColumns.value.filter((item) => item.visible);
+      checkAll.value = visibleColumns.length === leftShowColumns.value.length && leftShowColumns.value.length > 0;
+      indeterminate.value = visibleColumns.length > 0 && visibleColumns.length < leftShowColumns.value.length;
+    };
+    const getRightShowColumns = () => {
+      rightShowColumns.value = [];
+      tableColumns.value.forEach((item) => {
+        if (item.visible) {
+          rightShowColumns.value.push(item);
+        }
+      });
+    };
+    const sortRightColumns = () => {
+      rightShowColumns.value.sort((a, b) => {
+        if (a.fixed === "left" && b.fixed !== "left") return -1;
+        if (a.fixed !== "left" && b.fixed === "left") return 1;
+        return 0;
+      });
+    };
+    const resetColumns = () => {
+      tableColumns.value = cloneDeep(props.columns);
+      getRightShowColumns();
+      updateCheckAll();
+    };
+    const onCancel = () => {
+      visible.value = false;
+    };
+    const handleOk = () => {
+      const newTableColumns = [];
+      rightShowColumns.value.forEach((rightItem) => {
+        const found = tableColumns.value.find((item) => item.dataIndex === rightItem.dataIndex);
+        if (found) {
+          found.visible = true;
+          found.fixed = rightItem.fixed;
+          newTableColumns.push({ ...found });
+        }
+      });
+      tableColumns.value.forEach((item) => {
+        if (!rightShowColumns.value.find((right) => right.dataIndex === item.dataIndex)) {
+          item.visible = false;
+          delete item.fixed;
+          newTableColumns.push({ ...item });
+        }
+      });
+      emit("update", newTableColumns);
+      visible.value = false;
+    };
+    const changeCheckAll = (e) => {
+      const checked = e.target.checked;
+      checkAll.value = checked;
+      indeterminate.value = false;
+      tableColumns.value.forEach((item) => {
+        item.visible = checked;
+      });
+      getRightShowColumns();
+    };
+    const onchangeCheck = (row) => {
+      const index = rightShowColumns.value.findIndex((item) => item.dataIndex === row.dataIndex);
+      if (row.visible) {
+        if (index === -1) {
+          rightShowColumns.value.push(row);
+        }
+      } else {
+        if (index > -1) {
+          rightShowColumns.value.splice(index, 1);
+        }
+      }
+      updateCheckAll();
+    };
+    const removeColumn = (row, index) => {
+      row.visible = false;
+      delete row.fixed;
+      rightShowColumns.value.splice(index, 1);
+      updateCheckAll();
+    };
+    const toggleFixed = (row) => {
+      if (row.fixed === "left") {
+        delete row.fixed;
+      } else {
+        const fixedCount = rightShowColumns.value.filter((item) => item.fixed === "left").length;
+        if (fixedCount >= 2) {
+          return;
+        }
+        row.fixed = "left";
+      }
+      sortRightColumns();
+    };
+    const open = () => {
+      visible.value = true;
+    };
+    watch(
+      () => visible.value,
+      async (val) => {
+        if (val) {
+          tableColumns.value = cloneDeep(props.columns);
+          getRightShowColumns();
+          sortRightColumns();
+          updateCheckAll();
+        }
+      },
+      { immediate: true }
+    );
+    __expose({ open, resetColumns });
+    return (_ctx, _cache) => {
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_checkbox = resolveComponent("a-checkbox");
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      const _component_a_col = resolveComponent("a-col");
+      const _component_a_row = resolveComponent("a-row");
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createBlock(unref(TpfModal), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+        title: unref(t)("lang.列管理"),
+        width: "800px",
+        destroyOnClose: ""
+      }, {
+        footerRight: withCtx(() => [
+          createVNode(_component_a_button, {
+            class: "tpf-button",
+            onClick: onCancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("lang.取消")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, {
+            class: "tpf-button",
+            type: "primary",
+            onClick: handleOk
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("lang.保存")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_a_row, {
+            gutter: 10,
+            class: "column-row"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_col, {
+                span: 12,
+                class: "col-left"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createElementVNode("div", _hoisted_2, [
+                      createElementVNode("span", null, toDisplayString(unref(t)("lang.可选字段")), 1),
+                      createElementVNode("span", null, "（" + toDisplayString(leftShowColumns.value.length) + toDisplayString(unref(t)("lang.个")) + "） ", 1)
+                    ]),
+                    createElementVNode("div", _hoisted_3, [
+                      createVNode(_component_a_input, {
+                        placeholder: unref(t)("lang.请搜索"),
+                        size: "small",
+                        "allow-clear": "",
+                        value: searchKey.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchKey.value = $event)
+                      }, {
+                        prefix: withCtx(() => [
+                          createVNode(unref(SearchOutlined))
+                        ]),
+                        _: 1
+                      }, 8, ["placeholder", "value"])
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_4, [
+                    !!tableColumns.value.length ? (openBlock(), createBlock(_component_a_checkbox, {
+                      key: 0,
+                      checked: checkAll.value,
+                      "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => checkAll.value = $event),
+                      onChange: changeCheckAll,
+                      indeterminate: indeterminate.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("lang.全选")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["checked", "indeterminate"])) : createCommentVNode("", true),
+                    createVNode(_component_a_row, {
+                      gutter: [10, 10],
+                      class: "checkbox-row"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(leftShowColumns.value, (item) => {
+                          return openBlock(), createBlock(_component_a_col, {
+                            key: item.dataIndex,
+                            span: 12
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_a_checkbox, {
+                                checked: item.visible,
+                                "onUpdate:checked": ($event) => item.visible = $event,
+                                onChange: ($event) => onchangeCheck(item)
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_a_tooltip, {
+                                    title: item.title
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(item.title), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["title"])
+                                ]),
+                                _: 2
+                              }, 1032, ["checked", "onUpdate:checked", "onChange"])
+                            ]),
+                            _: 2
+                          }, 1024);
+                        }), 128))
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_a_col, {
+                span: 12,
+                class: "col-right"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("div", _hoisted_6, [
+                      createElementVNode("span", null, toDisplayString(unref(t)("lang.已选字段")), 1),
+                      createElementVNode("span", null, "（" + toDisplayString(rightShowColumns.value.length) + toDisplayString(unref(t)("lang.个")) + "） ", 1)
+                    ])
+                  ]),
+                  createVNode(unref(Draggable), {
+                    tag: "div",
+                    list: rightShowColumns.value,
+                    class: "col-right-content",
+                    "item-key": "dataIndex",
+                    handle: ".drag-handle",
+                    animation: "150"
+                  }, {
+                    item: withCtx(({ element: item, index }) => [
+                      (openBlock(), createElementBlock("div", {
+                        class: "col-right-content-item",
+                        key: item.dataIndex
+                      }, [
+                        createElementVNode("div", _hoisted_7, [
+                          createVNode(unref(SvgIcon), {
+                            size: "24",
+                            type: "icon-move1",
+                            class: "drag-handle icon-move1",
+                            move: "",
+                            shadow: ""
+                          }),
+                          createElementVNode("span", _hoisted_8, toDisplayString(item.title), 1),
+                          createVNode(unref(SvgIcon), {
+                            size: "18",
+                            type: "icon-ding",
+                            class: normalizeClass(["icon-ding", item.fixed === "left" && "showIcon"]),
+                            cursor: "",
+                            shadow: "",
+                            onClick: ($event) => toggleFixed(item)
+                          }, null, 8, ["class", "onClick"])
+                        ]),
+                        createElementVNode("div", _hoisted_9, [
+                          createVNode(unref(SvgIcon), {
+                            size: "18",
+                            type: "icon-guanbi",
+                            cursor: "",
+                            shadow: "",
+                            onClick: ($event) => removeColumn(item, index)
+                          }, null, 8, ["onClick"])
+                        ])
+                      ]))
+                    ]),
+                    _: 1
+                  }, 8, ["list"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible", "title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DataTableColumnDialog.vue2.js.map

package/src/components/public/DataTableColumnDialog.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableColumnDialog.vue2.js","sources":["../../../../src/components/public/DataTableColumnDialog.vue"],"sourcesContent":["<template>\n    <TpfModal v-model:visible=\"visible\" :title=\"t('lang.列管理')\" width=\"800px\" destroyOnClose>\n        <a-row :gutter=\"10\" class=\"column-row\">\n            <!-- 左侧：可选字段 -->\n            <a-col :span=\"12\" class=\"col-left\">\n                <div class=\"col-left-title\">\n                    <div class=\"title\">\n                        <span>{{ t('lang.可选字段') }}</span>\n                        <span>（{{ leftShowColumns.length }}{{ t('lang.个') }}） </span>\n                    </div>\n                    <div class=\"search\">\n                        <a-input\n                            :placeholder=\"t('lang.请搜索')\"\n                            size=\"small\"\n                            allow-clear\n                            v-model:value=\"searchKey\"\n                        >\n                            <template #prefix>\n                                <SearchOutlined />\n                            </template>\n                        </a-input>\n                    </div>\n                </div>\n                <div class=\"col-left-content\">\n                    <a-checkbox\n                        v-if=\"!!tableColumns.length\"\n                        v-model:checked=\"checkAll\"\n                        @change=\"changeCheckAll\"\n                        :indeterminate=\"indeterminate\"\n                    >\n                        {{ t('lang.全选') }}\n                    </a-checkbox>\n                    <a-row :gutter=\"[10, 10]\" class=\"checkbox-row\">\n                        <a-col v-for=\"item in leftShowColumns\" :key=\"item.dataIndex\" :span=\"12\">\n                            <a-checkbox\n                                v-model:checked=\"item.visible\"\n                                @change=\"onchangeCheck(item)\"\n                            >\n                                <a-tooltip :title=\"item.title\">\n                                    {{ item.title }}\n                                </a-tooltip>\n                            </a-checkbox>\n                        </a-col>\n                    </a-row>\n                </div>\n            </a-col>\n\n            <!-- 右侧：已选字段 -->\n            <a-col :span=\"12\" class=\"col-right\">\n                <div class=\"col-right-title\">\n                    <div class=\"title\">\n                        <span>{{ t('lang.已选字段') }}</span>\n                        <span>（{{ rightShowColumns.length }}{{ t('lang.个') }}） </span>\n                    </div>\n                </div>\n                <Draggable\n                    tag=\"div\"\n                    :list=\"rightShowColumns\"\n                    class=\"col-right-content\"\n                    item-key=\"dataIndex\"\n                    handle=\".drag-handle\"\n                    animation=\"150\"\n                >\n                    <template #item=\"{ element: item, index }\">\n                        <div class=\"col-right-content-item\" :key=\"item.dataIndex\">\n                            <div class=\"col-right-content-item-left\">\n                                <SvgIcon\n                                    size=\"24\"\n                                    type=\"icon-move1\"\n                                    class=\"drag-handle icon-move1\"\n                                    move\n                                    shadow\n                                />\n                                <span class=\"title\">{{ item.title }}</span>\n                                <SvgIcon\n                                    size=\"18\"\n                                    type=\"icon-ding\"\n                                    :class=\"['icon-ding', item.fixed === 'left' && 'showIcon']\"\n                                    cursor\n                                    shadow\n                                    @click=\"toggleFixed(item)\"\n                                />\n                            </div>\n                            <div class=\"col-right-content-item-right\">\n                                <SvgIcon\n                                    size=\"18\"\n                                    type=\"icon-guanbi\"\n                                    cursor\n                                    shadow\n                                    @click=\"removeColumn(item, index)\"\n                                />\n                            </div>\n                        </div>\n                    </template>\n                </Draggable>\n            </a-col>\n        </a-row>\n\n        <template #footerRight>\n            <a-button class=\"tpf-button\" @click=\"onCancel\">{{ t('lang.取消') }} </a-button>\n            <a-button class=\"tpf-button\" type=\"primary\" @click=\"handleOk\">\n                {{ t('lang.保存') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script setup lang=\"ts\" name=\"DataTableColumnDialog\">\n    import { ref, computed, watch } from 'vue';\n    import { SearchOutlined } from '@ant-design/icons-vue';\n    import { useI18n } from '@kp-ui/i18n';\n    import { cloneDeep } from 'lodash-es';\n    import { SvgIcon, TpfModal } from 'tmgc2-share';\n    import Draggable from 'vuedraggable';\n\n    const { t } = useI18n();\n\n    interface ColumnType {\n        dataIndex: string;\n        title: string;\n        visible?: boolean;\n        fixed?: 'left' | 'right' | boolean;\n        [key: string]: any;\n    }\n\n    interface Props {\n        columns?: ColumnType[];\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        columns: () => []\n    });\n\n    const emit = defineEmits<{\n        (e: 'update', columns: ColumnType[]): void;\n    }>();\n\n    const visible = defineModel<boolean>('visible', { default: false });\n\n    const searchKey = ref('');\n\n    // 可选字段列表\n    const tableColumns = ref<ColumnType[]>([]);\n    // 已选字段列表\n    const rightShowColumns = ref<ColumnType[]>([]);\n\n    // 左侧可筛选的字段\n    const leftShowColumns = computed(() => {\n        if (!searchKey.value) return tableColumns.value;\n        return tableColumns.value.filter(item => {\n            return item.title && item.title.toLowerCase().includes(searchKey.value.toLowerCase());\n        });\n    });\n\n    // 全选相关\n    const checkAll = ref(false);\n    const indeterminate = ref(false);\n\n    // 更新全选状态\n    const updateCheckAll = () => {\n        const visibleColumns = leftShowColumns.value.filter(item => item.visible);\n        checkAll.value =\n            visibleColumns.length === leftShowColumns.value.length &&\n            leftShowColumns.value.length > 0;\n        indeterminate.value =\n            visibleColumns.length > 0 && visibleColumns.length < leftShowColumns.value.length;\n    };\n\n    // 获取已选字段\n    const getRightShowColumns = () => {\n        rightShowColumns.value = [];\n        tableColumns.value.forEach(item => {\n            if (item.visible) {\n                rightShowColumns.value.push(item);\n            }\n        });\n    };\n\n    // 排序：固定列在前\n    const sortRightColumns = () => {\n        rightShowColumns.value.sort((a, b) => {\n            if (a.fixed === 'left' && b.fixed !== 'left') return -1;\n            if (a.fixed !== 'left' && b.fixed === 'left') return 1;\n            return 0;\n        });\n    };\n\n    // 重置\n    const resetColumns = () => {\n        tableColumns.value = cloneDeep(props.columns);\n        getRightShowColumns();\n        updateCheckAll();\n    };\n\n    // 取消\n    const onCancel = () => {\n        visible.value = false;\n    };\n\n    // 确定\n    const handleOk = () => {\n        // 根据 rightShowColumns 的顺序更新 tableColumns\n        const newTableColumns: ColumnType[] = [];\n\n        // 先添加可见列（按 rightShowColumns 顺序）\n        rightShowColumns.value.forEach(rightItem => {\n            const found = tableColumns.value.find(item => item.dataIndex === rightItem.dataIndex);\n            if (found) {\n                found.visible = true;\n                found.fixed = rightItem.fixed;\n                newTableColumns.push({ ...found });\n            }\n        });\n\n        // 再添加隐藏列\n        tableColumns.value.forEach(item => {\n            if (!rightShowColumns.value.find(right => right.dataIndex === item.dataIndex)) {\n                item.visible = false;\n                delete item.fixed;\n                newTableColumns.push({ ...item });\n            }\n        });\n\n        emit('update', newTableColumns);\n        visible.value = false;\n    };\n\n    // 全选/取消全选\n    const changeCheckAll = (e: any) => {\n        const checked = e.target.checked;\n        checkAll.value = checked;\n        indeterminate.value = false;\n        tableColumns.value.forEach(item => {\n            item.visible = checked;\n        });\n        getRightShowColumns();\n    };\n\n    // 单选\n    const onchangeCheck = (row: ColumnType) => {\n        const index = rightShowColumns.value.findIndex(item => item.dataIndex === row.dataIndex);\n        if (row.visible) {\n            if (index === -1) {\n                rightShowColumns.value.push(row);\n            }\n        } else {\n            if (index > -1) {\n                rightShowColumns.value.splice(index, 1);\n            }\n        }\n        updateCheckAll();\n    };\n\n    // 移除列\n    const removeColumn = (row: ColumnType, index: number) => {\n        row.visible = false;\n        delete row.fixed;\n        rightShowColumns.value.splice(index, 1);\n        updateCheckAll();\n    };\n\n    // 切换固定\n    const toggleFixed = (row: ColumnType) => {\n        if (row.fixed === 'left') {\n            delete row.fixed;\n        } else {\n            // 最多固定 2 列\n            const fixedCount = rightShowColumns.value.filter(item => item.fixed === 'left').length;\n            if (fixedCount >= 2) {\n                return;\n            }\n            row.fixed = 'left';\n        }\n        sortRightColumns();\n    };\n\n    // 打开弹窗\n    const open = () => {\n        visible.value = true;\n    };\n\n    // 监听弹窗显示\n    watch(\n        () => visible.value,\n        async val => {\n            if (val) {\n                // 初始化列数据\n                tableColumns.value = cloneDeep(props.columns);\n                getRightShowColumns();\n                sortRightColumns();\n                updateCheckAll();\n            }\n        },\n        { immediate: true }\n    );\n\n    defineExpose({ open, resetColumns });\n</script>\n\n<style lang=\"less\" scoped>\n    .column-row {\n        height: 400px;\n        display: flex;\n\n        .col-left,\n        .col-right {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n\n        .col-left {\n            padding-left: 20px !important;\n            padding-right: 10px !important;\n            border-right: 1px solid #f0f0f0;\n        }\n\n        .col-right {\n            padding-left: 10px !important;\n        }\n\n        .col-left-title,\n        .col-right-title {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n\n            .title {\n                font-weight: 500;\n                color: #333;\n            }\n\n            .search {\n                width: 150px;\n            }\n        }\n\n        .col-left-content,\n        .col-right-content {\n            flex: 1 0 0;\n            overflow-y: auto;\n            overflow-x: hidden;\n        }\n\n        .checkbox-row {\n            margin-top: 10px;\n        }\n\n        .col-right-content-item {\n            margin-right: 5px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n\n            .col-right-content-item-left {\n                flex: 1 0 0;\n                display: flex;\n                align-items: center;\n\n                .drag-handle {\n                    cursor: move;\n                    margin-right: 8px;\n                    flex-shrink: 0;\n                }\n\n                .title {\n                    flex: 1 0 0;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    font-size: 14px;\n                }\n\n                .icon-ding {\n                    margin-left: 8px;\n                    flex-shrink: 0;\n                    opacity: 0;\n                    transition: opacity 0.2s;\n\n                    &:hover {\n                        opacity: 1;\n                    }\n\n                    &.showIcon {\n                        opacity: 1;\n                    }\n                }\n            }\n\n            &:hover {\n                .icon-ding {\n                    opacity: 1;\n                }\n            }\n\n            .col-right-content-item-right {\n                flex: 1 0 0;\n                display: flex;\n                justify-content: flex-end;\n                padding-right: 10px;\n\n                :deep(.icon-guanbi) {\n                    opacity: 0.6;\n\n                    &:hover {\n                        opacity: 1;\n                    }\n                }\n            }\n        }\n    }\n</style>\n"],"names":["_useModel","_createBlock","_unref","_createVNode","_createElementVNode","_toDisplayString","_createElementBlock","_Fragment","_renderList","_createTextVNode","_withCtx","_normalizeClass"],"mappings":"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"}

package/src/components/public/DynamicDialog.vue.js

@@ -0,0 +1,226 @@
+import { defineComponent, computed, ref, onBeforeUnmount, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode, nextTick } from "vue";
+import { useExecFunction, TpfModal } from "tmgc2-share";
+import { formatSize } from "../../../core/src/utils/format.js";
+import VFormRender from "../render/index.vue.js";
+import "../desginer/form-widget/index.vue.js";
+import "../field-widget/index.js";
+import "../desginer/form-widget/container-widget/index.js";
+import "lodash-es";
+import "ant-design-vue";
+import "../desginer/widget-panel/widgetsConfig.js";
+import "@kp-ui/tool";
+import ActionButtonListRender from "./ActionButtonListRender.vue.js";
+import "../form-render/container-items/index.js";
+import { useLowcode } from "../../hooks/useLowcode.js";
+/* empty css                   */
+const _hoisted_1 = { class: "dialog-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "dynamic-dialog"
+  },
+  __name: "DynamicDialog",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    vfCtx: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const dialogHeight = computed(() => {
+      return formatSize(props.options.height, "500px");
+    });
+    const leftNum = ref(null);
+    const isDisabled = ref(false);
+    const dialogVisible = ref(false);
+    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();
+    const { vfdRef, isLoading, getComponentJson } = useLowcode({
+      formCode: props.options.formCode,
+      ...props.vfCtx
+    });
+    const parentForm = computed(() => {
+      return {
+        ...props.parentFormRef,
+        parentDom: context.value,
+        getParentFormRef
+      };
+    });
+    onBeforeUnmount(() => {
+      var _a, _b;
+      console.log(props.parentFormRef);
+      (_b = (_a = props.parentFormRef) == null ? void 0 : _a.setChildFormRef) == null ? void 0 : _b.call(_a, null);
+    });
+    const setLoading = (status) => {
+      isLoading.value = status;
+    };
+    const setTitle = (title) => {
+      props.options.title = title;
+    };
+    const beforeOpen = () => {
+      dialogVisible.value = true;
+    };
+    const handleBtnClick = async ({ result }) => {
+      if (result !== false) {
+        await handleCloseEvent();
+      }
+    };
+    const show = () => {
+      dialogVisible.value = true;
+      nextTick(async () => {
+        var _a, _b, _c;
+        if ((_a = props.options) == null ? void 0 : _a.readMode) {
+          (_b = vfdRef.value) == null ? void 0 : _b.setReadMode(true);
+        }
+        await getComponentJson([], props.options.formCode);
+        (_c = vfdRef.value) == null ? void 0 : _c.setDialogOrDrawerRef(context.value);
+        if (props.parentFormRef) {
+          props.parentFormRef.setChildFormRef(vfdRef.value);
+        }
+        handleOpenedEvent();
+      });
+    };
+    const close = async () => {
+      if (props.options.onDialogBeforeClose) {
+        return await asyncExecuteFunction({
+          functionBody: props.options.onDialogBeforeClose
+        });
+      }
+      dialogVisible.value = false;
+    };
+    const handleCloseEvent = () => {
+      close();
+    };
+    const handleOpenedEvent = async () => {
+      if (props.options.onDialogOpened) {
+        return await asyncExecuteFunction({
+          functionBody: props.options.onDialogOpened
+        });
+      }
+    };
+    const getParentFormRef = () => {
+      return props.parentFormRef;
+    };
+    const updateTable = () => {
+      var _a, _b, _c;
+      if ((_c = (_b = (_a = props.vfCtx) == null ? void 0 : _a.parent) == null ? void 0 : _b.exposed) == null ? void 0 : _c.updateTable) {
+        props.vfCtx.parent.exposed.updateTable();
+      }
+    };
+    const getExtraData = () => {
+      return props.extraData;
+    };
+    const setleftText = (number) => {
+      leftNum.value = number;
+    };
+    const setDisabled = (status) => {
+      isDisabled.value = status;
+    };
+    const getFormRef = () => {
+      return vfdRef.value;
+    };
+    const getFormContext = () => {
+      var _a;
+      return (_a = vfdRef.value) == null ? void 0 : _a.context;
+    };
+    __expose({
+      getParentFormRef,
+      getFormRef,
+      setDisabled,
+      setleftText,
+      setLoading,
+      setTitle,
+      beforeOpen,
+      show,
+      close,
+      handleCloseEvent,
+      handleOpenedEvent,
+      updateTable,
+      getExtraData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TpfModal), {
+        class: "tpf-model design-model",
+        destroyOnClose: true,
+        title: __props.options.title,
+        bodyStyle: {
+          height: dialogHeight.value,
+          overflow: "auto",
+          ...JSON.parse(__props.options.bodyStyle || "{}")
+        },
+        draggable: true,
+        centered: true,
+        visible: dialogVisible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
+        width: unref(formatSize)(__props.options.width),
+        mask: __props.options.showModal,
+        maskClosable: __props.options.closeOnClickModal,
+        keyboard: __props.options.closeOnPressEscape,
+        onCancel: handleCloseEvent,
+        "left-num": leftNum.value
+      }, {
+        footerRight: withCtx(() => [
+          createVNode(unref(ActionButtonListRender), {
+            buttonList: __props.options.buttonList || [],
+            ctx: getFormContext(),
+            onOnClick: handleBtnClick,
+            disabled: isDisabled.value
+          }, null, 8, ["buttonList", "ctx", "disabled"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(VFormRender), {
+              ref_key: "vfdRef",
+              ref: vfdRef,
+              loading: unref(isLoading),
+              vfCtx: {
+                ...__props.vfCtx,
+                instance: unref(context)
+              },
+              "parent-form": parentForm.value,
+              "disabled-mode": __props.options.disabledMode,
+              "dynamic-creation": true
+            }, null, 8, ["loading", "vfCtx", "parent-form", "disabled-mode"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DynamicDialog.vue.js.map

package/src/components/public/DynamicDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicDialog.vue.js","sources":["../../../../src/components/public/DynamicDialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        class=\"tpf-model design-model\"\n        :destroyOnClose=\"true\"\n        :title=\"options.title\"\n        :bodyStyle=\"{\n            height: dialogHeight,\n            overflow: 'auto',\n            ...JSON.parse(options.bodyStyle || '{}')\n        }\"\n        :draggable=\"true\"\n        :centered=\"true\"\n        v-model:visible=\"dialogVisible\"\n        :width=\"formatSize(options.width)\"\n        :mask=\"options.showModal\"\n        :maskClosable=\"options.closeOnClickModal\"\n        :keyboard=\"options.closeOnPressEscape\"\n        @cancel=\"handleCloseEvent\"\n        :left-num=\"leftNum\"\n    >\n        <div class=\"dialog-content\">\n            <VFormRender\n                ref=\"vfdRef\"\n                :loading=\"isLoading\"\n                :vfCtx=\"{\n                    ...vfCtx,\n                    instance: context\n                }\"\n                :parent-form=\"parentForm\"\n                :disabled-mode=\"options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n        </div>\n        <template #footerRight>\n            <ActionButtonListRender\n                :buttonList=\"options.buttonList || []\"\n                :ctx=\"getFormContext()\"\n                @on-click=\"handleBtnClick\"\n                :disabled=\"isDisabled\"\n            />\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onBeforeUnmount } from 'vue';\n    import { TpfModal, useExecFunction } from 'tmgc2-share';\n    import { formatSize } from '@kp-ui/lowcode-core/src/utils/format';\n    import { VFormRender, ActionButtonListRender } from '@kp-ui/lowcode-pc';\n    import { useLowcode } from '../../hooks/useLowcode';\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const dialogHeight = computed(() => {\n        return formatSize(props.options.height, '500px');\n    });\n    const leftNum = ref(null);\n\n    const isDisabled = ref(false);\n    const dialogVisible = ref(false);\n\n    const { context, asyncExecuteFunction, executeFunction } = useExecFunction();\n    const { vfdRef, isLoading, getComponentJson } = useLowcode({\n        formCode: props.options.formCode,\n        ...props.vfCtx\n    });\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: context.value,\n            getParentFormRef\n        };\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef?.setChildFormRef?.(null);\n    });\n\n    const setLoading = status => {\n        isLoading.value = status;\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const handleBtnClick = async ({ result }: any) => {\n        if (result !== false) {\n            await handleCloseEvent();\n        }\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(async () => {\n            if (props.options?.readMode) {\n                vfdRef.value?.setReadMode(true);\n            }\n            await getComponentJson([], props.options.formCode);\n            vfdRef.value?.setDialogOrDrawerRef(context.value);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(vfdRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = async () => {\n        if (props.options.onDialogBeforeClose) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogBeforeClose\n            });\n        }\n\n        dialogVisible.value = false;\n    };\n\n    const handleCloseEvent = () => {\n        close();\n    };\n\n    const handleOpenedEvent = async () => {\n        if (props.options.onDialogOpened) {\n            return await asyncExecuteFunction({\n                functionBody: props.options.onDialogOpened\n            });\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    const setleftText = number => {\n        leftNum.value = number;\n    };\n\n    const setDisabled = status => {\n        isDisabled.value = status;\n    };\n\n    const getFormRef = () => {\n        return vfdRef.value;\n    };\n\n    const getFormContext = () => {\n        return vfdRef.value?.context;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        getParentFormRef,\n        getFormRef,\n        setDisabled,\n        setleftText,\n        setLoading,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        handleCloseEvent,\n        handleOpenedEvent,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n        min-height: 300px;\n    }\n</style>\n"],"names":["_createBlock","_unref","_createVNode","_createElementVNode"],"mappings":"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"}

package/src/components/public/DynamicDialog.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./DynamicDialog.vue.js";
+/* empty css                   */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DynamicDialog.vue3.js.map

package/src/components/public/DynamicDialog.vue3.js.map

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

package/src/components/render/index.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const VFormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce96bd20"]]);
+export {
+  VFormRender as default
+};
+//# sourceMappingURL=index.vue.js.map

package/src/components/render/index.vue.js.map

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