@kp-ui/lowcode-pc 1.0.0-alpha.3 → 1.0.0-alpha.5

package/core/src/utils/validators.js

@@ -0,0 +1,114 @@
+import { isNull } from "./util.js";
+const commonRegExp = {
+  number: /^[-]?\d+(\.\d+)?$/,
+  letter: /^[A-Za-z]+$/,
+  letterAndNumber: /^[A-Za-z0-9]+$/,
+  mobilePhone: /^[1][3-9][0-9]{9}$/,
+  letterStartNumberIncluded: /^[A-Za-z]+[A-Za-z\d]*$/,
+  noChinese: /^[^\u4e00-\u9fa5]+$/,
+  chinese: /^[\u4e00-\u9fa5]+$/,
+  email: /^([-_A-Za-z0-9.]+)@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/,
+  url: /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/
+};
+const getRegExp = function(validatorName) {
+  return commonRegExp[validatorName];
+};
+const parseRegExpString = (regExpStr) => {
+  try {
+    const match = regExpStr.match(/^\/(.+)\/([gimsuy]*)$/);
+    if (match) {
+      return new RegExp(match[1], match[2]);
+    }
+    return new RegExp(regExpStr);
+  } catch {
+    return null;
+  }
+};
+const validateFn = function(validatorName, rule, value, defaultErrorMsg) {
+  try {
+    if (isNull(value) || typeof value === "string" && value.length <= 0) {
+      return Promise.resolve();
+    }
+    const reg = getRegExp(validatorName);
+    if (!reg) {
+      return Promise.resolve();
+    }
+    if (!reg.test(String(value))) {
+      const errTxt = rule.errorMsg || defaultErrorMsg;
+      return Promise.reject(errTxt);
+    } else {
+      return Promise.resolve();
+    }
+  } catch (error) {
+    return Promise.resolve();
+  }
+};
+const FormValidators = {
+  /* 数字 */
+  number(rule, value) {
+    return validateFn("number", rule, value, "[" + rule.label + "]包含非数字字符");
+  },
+  /* 字母 */
+  letter(rule, value) {
+    return validateFn("letter", rule, value, "[" + rule.label + "]包含非字母字符");
+  },
+  /* 字母和数字 */
+  letterAndNumber(rule, value) {
+    return validateFn("letterAndNumber", rule, value, "[" + rule.label + "]只能输入字母或数字");
+  },
+  /* 手机号码 */
+  mobilePhone(rule, value) {
+    return validateFn("mobilePhone", rule, value, "[" + rule.label + "]手机号码格式有误");
+  },
+  /* 禁止空白字符开头 */
+  noBlankStart(_rule, _value) {
+  },
+  /* 禁止空白字符结尾 */
+  noBlankEnd(_rule, _value) {
+  },
+  /* 字母开头，仅可包含数字 */
+  letterStartNumberIncluded(rule, value) {
+    return validateFn(
+      "letterStartNumberIncluded",
+      rule,
+      value,
+      "[" + rule.label + "]必须以字母开头，可包含数字"
+    );
+  },
+  /* 禁止中文输入 */
+  noChinese(rule, value) {
+    return validateFn("noChinese", rule, value, "[" + rule.label + "]不可输入中文字符");
+  },
+  /* 必须中文输入 */
+  chinese(rule, value) {
+    return validateFn("chinese", rule, value, "[" + rule.label + "]只能输入中文字符");
+  },
+  /* 电子邮箱 */
+  email(rule, value) {
+    return validateFn("email", rule, value, "[" + rule.label + "]邮箱格式有误");
+  },
+  /* URL网址 */
+  url(rule, value) {
+    return validateFn("url", rule, value, "[" + rule.label + "]URL格式有误");
+  },
+  regExp(rule, value) {
+    if (isNull(value) || typeof value === "string" && value.length <= 0) {
+      return Promise.resolve();
+    }
+    const pattern = parseRegExpString(rule.regExp || "");
+    if (!pattern) {
+      return Promise.resolve();
+    }
+    if (!pattern.test(String(value))) {
+      const errTxt = rule.errorMsg || "[" + rule.label + "]invalid value";
+      return Promise.reject(errTxt);
+    } else {
+      return Promise.resolve();
+    }
+  }
+};
+export {
+  FormValidators as default,
+  getRegExp
+};
+//# sourceMappingURL=validators.js.map

package/core/src/utils/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sources":["../../../../../core/src/utils/validators.ts"],"sourcesContent":["import { isNull } from './util';\n\ntype RegExpName =\n    | 'number'\n    | 'letter'\n    | 'letterAndNumber'\n    | 'mobilePhone'\n    | 'letterStartNumberIncluded'\n    | 'noChinese'\n    | 'chinese'\n    | 'email'\n    | 'url';\n\ninterface ValidationRule {\n    label?: string;\n    errorMsg?: string;\n    regExp?: string;\n    [key: string]: unknown;\n}\n\n// 直接存储 RegExp 对象，避免使用 eval\nconst commonRegExp: Record<RegExpName, RegExp> = {\n    number: /^[-]?\\d+(\\.\\d+)?$/,\n    letter: /^[A-Za-z]+$/,\n    letterAndNumber: /^[A-Za-z0-9]+$/,\n    mobilePhone: /^[1][3-9][0-9]{9}$/,\n    letterStartNumberIncluded: /^[A-Za-z]+[A-Za-z\\d]*$/,\n    noChinese: /^[^\\u4e00-\\u9fa5]+$/,\n    chinese: /^[\\u4e00-\\u9fa5]+$/,\n    email: /^([-_A-Za-z0-9.]+)@([_A-Za-z0-9]+\\.)+[A-Za-z0-9]{2,3}$/,\n    url: /^([hH][tT]{2}[pP]:\\/\\/|[hH][tT]{2}[pP][sS]:\\/\\/)(([A-Za-z0-9-~]+)\\.)+([A-Za-z0-9-~\\/])+$/\n};\n\nexport const getRegExp = function (validatorName: RegExpName): RegExp | undefined {\n    return commonRegExp[validatorName];\n};\n\n/**\n * 将正则表达式字符串转换为 RegExp 对象\n * 支持格式: '/pattern/flags' 或 'pattern'\n */\nconst parseRegExpString = (regExpStr: string): RegExp | null => {\n    try {\n        // 处理 /pattern/flags 格式\n        const match = regExpStr.match(/^\\/(.+)\\/([gimsuy]*)$/);\n        if (match) {\n            return new RegExp(match[1], match[2]);\n        }\n        // 普通字符串作为 pattern\n        return new RegExp(regExpStr);\n    } catch {\n        return null;\n    }\n};\n\nconst validateFn = function (\n    validatorName: RegExpName,\n    rule: ValidationRule,\n    value: unknown,\n    defaultErrorMsg: string\n): Promise<void> {\n    try {\n        // 空值不校验\n        if (isNull(value) || (typeof value === 'string' && value.length <= 0)) {\n            return Promise.resolve();\n        }\n\n        const reg = getRegExp(validatorName);\n        if (!reg) {\n            return Promise.resolve();\n        }\n\n        if (!reg.test(String(value))) {\n            const errTxt = rule.errorMsg || defaultErrorMsg;\n            return Promise.reject(errTxt);\n        } else {\n            return Promise.resolve();\n        }\n    } catch (error) {\n        return Promise.resolve();\n    }\n};\n\ntype ValidatorFn = (rule: ValidationRule, value: unknown) => Promise<void> | void;\n\ninterface FormValidatorsType {\n    number: ValidatorFn;\n    letter: ValidatorFn;\n    letterAndNumber: ValidatorFn;\n    mobilePhone: ValidatorFn;\n    noBlankStart: ValidatorFn;\n    noBlankEnd: ValidatorFn;\n    letterStartNumberIncluded: ValidatorFn;\n    noChinese: ValidatorFn;\n    chinese: ValidatorFn;\n    email: ValidatorFn;\n    url: ValidatorFn;\n    regExp: ValidatorFn;\n}\n\nconst FormValidators: FormValidatorsType = {\n    /* 数字 */\n    number(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('number', rule, value, '[' + rule.label + ']包含非数字字符');\n    },\n\n    /* 字母 */\n    letter(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('letter', rule, value, '[' + rule.label + ']包含非字母字符');\n    },\n\n    /* 字母和数字 */\n    letterAndNumber(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('letterAndNumber', rule, value, '[' + rule.label + ']只能输入字母或数字');\n    },\n\n    /* 手机号码 */\n    mobilePhone(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('mobilePhone', rule, value, '[' + rule.label + ']手机号码格式有误');\n    },\n\n    /* 禁止空白字符开头 */\n    noBlankStart(_rule: ValidationRule, _value: unknown): void {\n        //暂未实现\n    },\n\n    /* 禁止空白字符结尾 */\n    noBlankEnd(_rule: ValidationRule, _value: unknown): void {\n        //暂未实现\n    },\n\n    /* 字母开头，仅可包含数字 */\n    letterStartNumberIncluded(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn(\n            'letterStartNumberIncluded',\n            rule,\n            value,\n            '[' + rule.label + ']必须以字母开头，可包含数字'\n        );\n    },\n\n    /* 禁止中文输入 */\n    noChinese(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('noChinese', rule, value, '[' + rule.label + ']不可输入中文字符');\n    },\n\n    /* 必须中文输入 */\n    chinese(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('chinese', rule, value, '[' + rule.label + ']只能输入中文字符');\n    },\n\n    /* 电子邮箱 */\n    email(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('email', rule, value, '[' + rule.label + ']邮箱格式有误');\n    },\n\n    /* URL网址 */\n    url(rule: ValidationRule, value: unknown): Promise<void> {\n        return validateFn('url', rule, value, '[' + rule.label + ']URL格式有误');\n    },\n\n    regExp(rule: ValidationRule, value: unknown): Promise<void> {\n        // 空值不校验\n        if (isNull(value) || (typeof value === 'string' && value.length <= 0)) {\n            return Promise.resolve();\n        }\n\n        const pattern = parseRegExpString(rule.regExp || '');\n        if (!pattern) {\n            return Promise.resolve();\n        }\n\n        if (!pattern.test(String(value))) {\n            const errTxt = rule.errorMsg || '[' + rule.label + ']invalid value';\n            return Promise.reject(errTxt);\n        } else {\n            return Promise.resolve();\n        }\n    }\n};\n\nexport default FormValidators;\n"],"names":[],"mappings":"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"}

package/install.js

@@ -0,0 +1,29 @@
+import { getLocat, getUserInfo } from "@kp-ui/tool";
+import { VxeTooltip } from "vxe-pc-ui";
+import dayjs from "dayjs";
+import "virtual:svg-icons-register";
+import { default as default2 } from "./src/components/render/index.vue.js";
+import { useLowcode } from "./src/hooks/useLowcode.js";
+import { default as default3 } from "./src/components/public/ConfigView/CustomPageRender.vue.js";
+const registerLowcodeCore = (params) => {
+  const { app, factoryRender } = params;
+  app.config.globalProperties.$getLocat = getLocat;
+  app.config.globalProperties.$dayjs = dayjs;
+  app.config.globalProperties.$getUserInfo = getUserInfo;
+  app.config.globalProperties.$factoryRender = factoryRender;
+  app.config.globalProperties.$openCustomerModal = (ops) => {
+    import("./src/components/public/CustomerModal/useCustomerModal.js").then(
+      ({ openCustomerModal }) => {
+        openCustomerModal(ops, app);
+      }
+    );
+  };
+  app.component("VxeTooltip", VxeTooltip);
+};
+export {
+  default3 as CustomPageRender,
+  default2 as VFormRender,
+  registerLowcodeCore,
+  useLowcode
+};
+//# sourceMappingURL=install.js.map

package/install.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.js","sources":["../install.ts"],"sourcesContent":["import { getLocat, getUserInfo } from '@kp-ui/tool';\nimport { VxeTooltip } from 'vxe-pc-ui';\nimport dayjs from 'dayjs';\nimport 'virtual:svg-icons-register';\nimport { App } from 'vue';\n\nexport { default as VFormRender } from './src/components/render/index.vue';\n\nexport * from './src/hooks/useLowcode';\n\nexport { default as CustomPageRender } from './src/components/public/ConfigView/CustomPageRender.vue';\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    factoryRender: (name: any, props: any, ...args: any[]) => any;\n}\n\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, factoryRender } = params;\n    app.config.globalProperties.$getLocat = getLocat;\n    app.config.globalProperties.$dayjs = dayjs;\n    app.config.globalProperties.$getUserInfo = getUserInfo;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = ops => {\n        import('./src/components/public/CustomerModal/useCustomerModal').then(\n            ({ openCustomerModal }) => {\n                openCustomerModal(ops, app);\n            }\n        );\n    };\n    app.component('VxeTooltip', VxeTooltip);\n};\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,sBAAsB,CAAC,WAAsC;AACtE,QAAM,EAAE,KAAK,cAAA,IAAkB;AAC/B,MAAI,OAAO,iBAAiB,YAAY;AACxC,MAAI,OAAO,iBAAiB,SAAS;AACrC,MAAI,OAAO,iBAAiB,eAAe;AAC3C,MAAI,OAAO,iBAAiB,iBAAiB;AAC7C,MAAI,OAAO,iBAAiB,qBAAqB,CAAA,QAAO;AACpD,WAAO,2DAAwD,EAAE;AAAA,MAC7D,CAAC,EAAE,kBAAA,MAAwB;AACvB,0BAAkB,KAAK,GAAG;AAAA,MAC9B;AAAA,IAAA;AAAA,EAER;AACA,MAAI,UAAU,cAAc,UAAU;AAC1C;"}

package/package.json

@@ -1,37 +1,37 @@
 {
-  "name": "@kp-ui/lowcode-pc",
-  "version": "1.0.0-alpha.3",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "module": "index.js",
-  "dependencies": {
-    "vuedraggable": "^4.0.0",
-    "bpmn-js": "13.2.0",
-    "vue-json-viewer": "^3.0.1",
-    "ant-design-vue": "4.2.6",
-    "query-string": "^6.14.1",
-    "dayjs": "^1.11.7",
-    "@kp-ui/tool": "2.14.1",
-    "tailwindcss": "3.4.9",
-    "vue": "3.5.17",
-    "vue-echarts": "^8.0.1",
-    "file-saver": "^2.0.5",
-    "echarts": "^5.6.0"
-  },
-  "main": "index.js",
-  "types": "types/pc/install.d.ts",
-  "sideEffects": [
-    "./assets/styles/*",
-    "./_virtual/*"
-  ],
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "types": "./types/pc/install.d.ts"
+    "name": "@kp-ui/lowcode-pc",
+    "version": "1.0.0-alpha.5",
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
     },
-    "./style": "./assets/styles/style.css",
-    "./styles/*": "./assets/styles/*"
-  }
+    "module": "index.js",
+    "dependencies": {
+        "vuedraggable": "^4.0.0",
+        "bpmn-js": "13.2.0",
+        "vue-json-viewer": "^3.0.1",
+        "ant-design-vue": "4.2.6",
+        "query-string": "^6.14.1",
+        "dayjs": "^1.11.7",
+        "@kp-ui/tool": "2.14.1",
+        "tailwindcss": "3.4.9",
+        "vue": "3.5.17",
+        "vue-echarts": "^8.0.1",
+        "file-saver": "^2.0.5",
+        "echarts": "^5.6.0"
+    },
+    "main": "index.js",
+    "types": "types/pc/install.d.ts",
+    "sideEffects": [
+        "./assets/styles/*",
+        "./_virtual/*"
+    ],
+    "exports": {
+        ".": {
+            "import": "./install.js",
+            "types": "./types/pc/install.d.ts"
+        },
+        "./style": "./assets/styles/style.css",
+        "./styles/*": "./assets/styles/*"
+    }
 }

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

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

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

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

package/{assets/data-table-widget.mjs → src/components/desginer/form-widget/container-widget/data-table-widget.vue2.js}

@@ -1,6 +1,8 @@
 import { defineComponent, watchEffect, onMounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, createVNode } from "vue";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, h as useField, i as useTableWidget, _ as _export_sfc } from "./install.mjs";
+import { useTableWidget } from "./useTableWidget.js";
 import { useVxeTable, Table } from "tmgc2-share";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../../core/src/hooks/useField.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.DataTable,
@@ -86,8 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad6fb3c4"]]);
 export {
-  dataTableWidget as default
+  _sfc_main as default
 };
-//# sourceMappingURL=data-table-widget.mjs.map
+//# sourceMappingURL=data-table-widget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <div class=\"talbe-wrapper\" v-if=\"!handleHidden\" :style=\"{ width: tableWidth }\">\n        <Table\n            :tableProps=\"tableProps\"\n            @register=\"register\"\n            :loading=\"isLoading\"\n            :pagination=\"pagintion\"\n            @change=\"handleTableChange\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ContainerTypeEnum, ComponentNameEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { useTableWidget } from './useTableWidget';\n    import { onMounted, watchEffect } from 'vue';\n    import { useField } from '@kp-ui/lowcode-core';\n    import { useVxeTable, Table } from 'tmgc2-share';\n    import { DataTableWidget } from '../../widget-panel/advanced';\n\n    const props = defineProps<WidgetProps<DataTableWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.DataTable,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const { fieldModel, handleHidden, defineExposed } = useField(props);\n\n    const {\n        isLoading,\n        tableProps,\n        pagintion,\n        tableWidth,\n        setPagination,\n        handleTableChange,\n        setTableRef,\n        initTableSoureData,\n        tableDefinExpoed\n    } = useTableWidget({\n        fieldModel,\n        props\n    });\n\n    watchEffect(() => {\n        setPagination({\n            total: props.field.options.showPagination ? 1 : 0\n        });\n    });\n\n    const { tableRef, setTableProps, register } = useVxeTable({\n        props: {\n            rowKey: props.field.options.rowKey,\n            clickRowCheck: props.field.options.colorRow\n        },\n        events: {\n            columnResizableChange: data => {\n                const { field, resizeWidth } = data.resizeColumn;\n                if (field) {\n                    const column = props.field.options.tableColumns.find(\n                        item => item.dataIndex === field\n                    );\n                    column.isAutoWidth = false;\n                    column.width = resizeWidth;\n                }\n            }\n        }\n    });\n\n    watchEffect(() => {\n        if (tableRef.value) {\n            setTableRef(tableRef.value);\n        }\n    });\n\n    onMounted(() => {\n        initTableSoureData();\n    });\n\n    defineExpose({\n        ...defineExposed,\n        ...tableDefinExpoed,\n        setPagination,\n        fieldEditor: tableRef.value\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .talbe-wrapper {\n        width: 100%;\n        // display: flex;\n        .vxe-grid {\n            width: 100%;\n        }\n        &__pagination {\n            margin-top: 10px;\n            display: flex;\n            justify-content: end;\n        }\n    }\n</style>\n"],"names":["_unref","_createElementBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBI,UAAM,QAAQ;AAMd,UAAM,EAAE,YAAY,cAAc,cAAA,IAAkB,SAAS,KAAK;AAElE,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,IAAA,CACH;AAED,gBAAY,MAAM;AACd,oBAAc;AAAA,QACV,OAAO,MAAM,MAAM,QAAQ,iBAAiB,IAAI;AAAA,MAAA,CACnD;AAAA,IACL,CAAC;AAED,UAAM,EAAE,UAAU,eAAe,SAAA,IAAa,YAAY;AAAA,MACtD,OAAO;AAAA,QACH,QAAQ,MAAM,MAAM,QAAQ;AAAA,QAC5B,eAAe,MAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,MAEvC,QAAQ;AAAA,QACJ,uBAAuB,CAAA,SAAQ;AAC3B,gBAAM,EAAE,OAAO,YAAA,IAAgB,KAAK;AACpC,cAAI,OAAO;AACP,kBAAM,SAAS,MAAM,MAAM,QAAQ,aAAa;AAAA,cAC5C,CAAA,SAAQ,KAAK,cAAc;AAAA,YAAA;AAE/B,mBAAO,cAAc;AACrB,mBAAO,QAAQ;AAAA,UACnB;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ,CACH;AAED,gBAAY,MAAM;AACd,UAAI,SAAS,OAAO;AAChB,oBAAY,SAAS,KAAK;AAAA,MAC9B;AAAA,IACJ,CAAC;AAED,cAAU,MAAM;AACZ,yBAAA;AAAA,IACJ,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,aAAa,SAAS;AAAA,IAAA,CACzB;;cAlFiCA,MAAA,YAAA,kBAAlCC,mBAQM,OAAA;AAAA;QARD,OAAM;AAAA,QAAsC,+BAAgBD,MAAA,UAAA,GAAU;AAAA,MAAA;QACvEE,YAMEF,MAAA,KAAA,GAAA;AAAA,UALG,YAAYA,MAAA,UAAA;AAAA,UACZ,YAAUA,MAAA,QAAA;AAAA,UACV,SAASA,MAAA,SAAA;AAAA,UACT,YAAYA,MAAA,SAAA;AAAA,UACZ,UAAQA,MAAA,iBAAA;AAAA,QAAA;;;;;"}

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

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

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

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

package/{assets/grid-col-widget.mjs → src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js}

@@ -1,15 +1,9 @@
-import { computed, defineComponent, mergeModels, useModel, reactive, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, mergeProps, withModifiers, unref, withCtx, createVNode } from "vue";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, u as useDesigner, R as RenderWidgetList, g as WidgetContextMenu, _ as _export_sfc } from "./install.mjs";
-function useWidget(widget) {
-  const options = computed(() => widget.options || {});
-  const customClass = computed(
-    () => widget.options.customClass ? widget.options.customClass.join(" ") : ""
-  );
-  return {
-    customClass,
-    options
-  };
-}
+import { defineComponent, mergeModels, useModel, computed, reactive, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, mergeProps, withModifiers, unref, withCtx, createVNode } from "vue";
+import { useDesigner } from "../../../../../core/src/hooks/useDesigner.js";
+import { useWidget } from "../../../../../core/src/hooks/useWidget.js";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+import RenderWidgetList from "../../../../../core/src/components/common/RenderWidgetList.vue.js";
+import WidgetContextMenu from "../../../../../core/src/components/contextMenu/WidgetContextMenu.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.GridColWidget,
@@ -91,8 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a00bba10"]]);
 export {
-  GridColWidget as default
+  _sfc_main as default
 };
-//# sourceMappingURL=grid-col-widget.mjs.map
+//# sourceMappingURL=grid-col-widget.vue2.js.map

package/src/components/desginer/form-widget/container-widget/grid-col-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-col-widget.vue2.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/grid-col-widget.vue"],"sourcesContent":["<template>\n    <a-col\n        class=\"grid-cell\"\n        v-bind=\"layoutProps\"\n        :class=\"[selected(widget.id) ? 'selected' : '', customClass]\"\n        :style=\"colHeightStyle\"\n        :key=\"widget.id\"\n        @click.stop=\"selectWidget(widget)\"\n        @contextmenu.prevent.stop=\"onContextMenu\"\n    >\n        <RenderWidgetList v-model:list=\"widget.widgetList\" :parentWidget=\"widget\" />\n    </a-col>\n    <!-- 右键菜单 -->\n    <WidgetContextMenu\n        v-if=\"contextMenuState.visible\"\n        v-model:visible=\"contextMenuState.visible\"\n        v-model:list=\"list\"\n        :x=\"contextMenuState.x\"\n        :y=\"contextMenuState.y\"\n        :widget=\"widget\"\n        :index=\"indexOfParentList\"\n        :parentWidget=\"parentWidget\"\n    />\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, reactive, ref } from 'vue';\n    import {\n        RenderWidgetList,\n        useDesigner,\n        useWidget,\n        Widget,\n        WidgetProps\n    } from '@kp-ui/lowcode-core';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetContextMenu } from '@kp-ui/lowcode-core';\n\n    defineOptions({\n        name: ContainerTypeEnum.GridColWidget,\n        componentName: ComponentNameEnum.ContainerWidget,\n        inheritAttrs: false\n    });\n\n    const props = withDefaults(\n        defineProps<\n            WidgetProps & {\n                colHeight?: number | string | null;\n            }\n        >(),\n        {\n            indexOfParentList: 0,\n            colHeight: null\n        }\n    );\n    const list = defineModel<Widget[]>('list', {\n        default: () => []\n    });\n\n    const { customClass, options } = useWidget(props.widget);\n    const { selected, selectWidget } = useDesigner();\n\n    const colHeightStyle = computed(() => {\n        return props.colHeight ? { height: props.colHeight } : {};\n    });\n\n    const layoutProps = computed(() => ({\n        span: options.value.span || 12,\n        offset: options.value.offset || 0,\n        push: options.value.push || 0,\n        pull: options.value.pull || 0\n    }));\n\n    const contextMenuState = reactive({\n        visible: false,\n        x: 0,\n        y: 0\n    });\n\n    const onContextMenu = (event: MouseEvent) => {\n        contextMenuState.x = event.clientX;\n        contextMenuState.y = event.clientY;\n        contextMenuState.visible = true;\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-cell {\n        min-height: 38px !important;\n        //margin: 6px 0;  /* 设置了margin，栅格列的offset、push、pull会失效！！ */\n        padding: 3px;\n        border: 1px dashed #336699;\n        position: relative;\n        &.selected {\n            outline: 1px solid var(--ant-primary-color) !important;\n        }\n        :deep(.widget-wrapper.container-wrapper) {\n            border-width: 1px !important;\n            &.selected {\n                outline: 1px solid var(--ant-primary-color) !important;\n            }\n        }\n        .form-widget-list {\n            min-height: 28px;\n        }\n\n        :deep(.designer-widget-list.empty-list) {\n            min-height: 48px;\n            .empty-drop-zone {\n                height: 42px;\n            }\n        }\n        .grid-col-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 28px;\n            line-height: 28px;\n            background: var(--ant-primary-4);\n            z-index: 999;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 5px;\n                cursor: pointer;\n            }\n        }\n\n        .grid-col-handler {\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: default;\n            }\n        }\n    }\n\n    .grid-col-action,\n    .grid-col-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n</style>\n"],"names":["_useModel","_openBlock","_createBlock","_mergeProps","_unref","widget","_withModifiers","_createVNode","indexOfParentList","parentWidget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CI,UAAM,QAAQ;AAWd,UAAM,OAAOA,SAAqB,SAAC,MAElC;AAED,UAAM,EAAE,aAAa,QAAA,IAAY,UAAU,MAAM,MAAM;AACvD,UAAM,EAAE,UAAU,aAAA,IAAiB,YAAA;AAEnC,UAAM,iBAAiB,SAAS,MAAM;AAClC,aAAO,MAAM,YAAY,EAAE,QAAQ,MAAM,UAAA,IAAc,CAAA;AAAA,IAC3D,CAAC;AAED,UAAM,cAAc,SAAS,OAAO;AAAA,MAChC,MAAM,QAAQ,MAAM,QAAQ;AAAA,MAC5B,QAAQ,QAAQ,MAAM,UAAU;AAAA,MAChC,MAAM,QAAQ,MAAM,QAAQ;AAAA,MAC5B,MAAM,QAAQ,MAAM,QAAQ;AAAA,IAAA,EAC9B;AAEF,UAAM,mBAAmB,SAAS;AAAA,MAC9B,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACN;AAED,UAAM,gBAAgB,CAAC,UAAsB;AACzC,uBAAiB,IAAI,MAAM;AAC3B,uBAAiB,IAAI,MAAM;AAC3B,uBAAiB,UAAU;AAAA,IAC/B;;;;SAhFAC,UAAA,GAAAC,YAUQ,kBAVRC,WAUQ,EATJ,OAAM,YAAA,GACE,YAAA,OAAW;AAAA,UAClB,QAAQC,MAAA,QAAA,EAASC,YAAO,EAAE,qBAAqBD,MAAA,WAAA,CAAW;AAAA,UAC1D,OAAO,eAAA;AAAA,UACP,KAAKC,KAAAA,OAAO;AAAA,UACZ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,CAAA,WAAOF,MAAA,YAAA,EAAaC,KAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,UAC/B,6BAA0B,eAAa,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;2BAExC,MAA4E;AAAA,YAA5EE,YAA4EH,MAAA,gBAAA,GAAA;AAAA,cAAlD,MAAMC,KAAAA,OAAO;AAAA,cAAPA,iBAAAA,OAAAA,CAAAA,MAAAA,OAAAA,CAAAA,IAAAA,CAAAA,WAAAA,KAAAA,OAAO,aAAU;AAAA,cAAG,cAAcA,KAAAA;AAAAA,YAAAA;;;;QAI5D,iBAAiB,wBAD3BH,YASEE,MAAA,iBAAA,GAAA;AAAA;UAPU,SAAS,iBAAiB;AAAA,UAAjB,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,iBAAiB,UAAO;AAAA,UACjC,MAAM,KAAA;AAAA,iEAAA,KAAI,QAAA;AAAA,UACjB,GAAG,iBAAiB;AAAA,UACpB,GAAG,iBAAiB;AAAA,UACpB,QAAQC,KAAAA;AAAAA,UACR,OAAOG,KAAAA;AAAAA,UACP,cAAcC,KAAAA;AAAAA,QAAAA;;;;;"}

package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./grid-sub-form-widget.vue2.js";
+import "./grid-sub-form-widget.vue3.js";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const gridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-84976375"]]);
+export {
+  gridSubFormWidget as default
+};
+//# sourceMappingURL=grid-sub-form-widget.vue.js.map

package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue.js.map

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

package/{assets/grid-sub-form-widget.mjs → src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js}

@@ -1,5 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, createVNode, unref } from "vue";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, R as RenderWidgetList, _ as _export_sfc } from "./install.mjs";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+import RenderWidgetList from "../../../../../core/src/components/common/RenderWidgetList.vue.js";
 const _hoisted_1 = { class: "sub-form-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -27,8 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const gridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49c81f5e"]]);
 export {
-  gridSubFormWidget as default
+  _sfc_main as default
 };
-//# sourceMappingURL=grid-sub-form-widget.mjs.map
+//# sourceMappingURL=grid-sub-form-widget.vue2.js.map

package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue2.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue"],"sourcesContent":["<template>\n    <div class=\"sub-form-container\">\n        <RenderWidgetList v-model:list=\"widget.widgetList\" :parentWidget=\"widget\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, ContainerTypeEnum, RenderWidgetList } from '@kp-ui/lowcode-core';\n    import { GridSubFormWidget } from '../../widget-panel/containers';\n    import { WidgetProps } from '@kp-ui/lowcode-core';\n    const props = defineProps<WidgetProps<GridSubFormWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.GridSubFormWidget,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_unref","widget"],"mappings":";;;;;;;;;;;;;;;;;;;;AACI,aAAAA,UAAA,GAAAC,mBAEM,OAFN,YAEM;AAAA,QADFC,YAA4EC,MAAA,gBAAA,GAAA;AAAA,UAAlD,MAAMC,KAAAA,OAAO;AAAA,UAAPA,iBAAAA,OAAAA,CAAAA,MAAAA,OAAAA,CAAAA,IAAAA,CAAAA,WAAAA,KAAAA,OAAO,aAAU;AAAA,UAAG,cAAcA,KAAAA;AAAAA,QAAAA;;;;;"}

package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue3.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=grid-sub-form-widget.vue3.js.map

package/src/components/desginer/form-widget/container-widget/grid-sub-form-widget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-sub-form-widget.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

package/{assets/grid-widget.mjs → src/components/desginer/form-widget/container-widget/grid-widget.vue2.js}

@@ -1,6 +1,7 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, createBlock, withCtx, Fragment, renderList } from "vue";
-import GridColWidget from "./grid-col-widget.mjs";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, a as useAppRef, _ as _export_sfc } from "./install.mjs";
+import { defineComponent, resolveComponent, createElementBlock, openBlock, createBlock, unref, withCtx, Fragment, renderList } from "vue";
+import GridColWidget from "./grid-col-widget.vue.js";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../../core/src/hooks/useField.js";
 const _hoisted_1 = { class: "grid-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -17,14 +18,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subFormRowId: {}
   },
   setup(__props) {
-    const { initRefList } = useAppRef();
-    initRefList();
+    const props = __props;
+    const { options } = useField(props, false);
     return (_ctx, _cache) => {
       const _component_a_row = resolveComponent("a-row");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createBlock(_component_a_row, {
           key: _ctx.widget.id,
-          gutter: _ctx.widget.options.gutter
+          gutter: _ctx.widget.options.gutter,
+          justify: unref(options).gridJustify ?? "start",
+          align: unref(options).gridAlign ?? "top",
+          wrap: unref(options).gridWrap ?? true
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.cols, (colWidget, colIdx) => {
@@ -41,13 +45,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 8, ["gutter"]))
+        }, 8, ["gutter", "justify", "align", "wrap"]))
       ]);
     };
   }
 });
-const gridWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40047deb"]]);
 export {
-  gridWidget as default
+  _sfc_main as default
 };
-//# sourceMappingURL=grid-widget.mjs.map
+//# sourceMappingURL=grid-widget.vue2.js.map

package/src/components/desginer/form-widget/container-widget/grid-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-widget.vue2.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/grid-widget.vue"],"sourcesContent":["<template>\n    <div class=\"grid-container\">\n        <a-row\n            :key=\"widget.id\"\n            :gutter=\"widget.options.gutter\"\n            :justify=\"options.gridJustify ?? 'start'\"\n            :align=\"options.gridAlign ?? 'top'\"\n            :wrap=\"options.gridWrap ?? true\"\n        >\n            <grid-col-widget\n                v-for=\"(colWidget, colIdx) in widget.cols\"\n                :key=\"colWidget.id\"\n                :field=\"colWidget\"\n                :widget=\"colWidget\"\n                v-model:list=\"widget.cols\"\n                :index-of-parent-list=\"colIdx\"\n                :parent-widget=\"widget\"\n                :col-height=\"widget.options.colHeight\"\n            />\n        </a-row>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import GridColWidget from './grid-col-widget.vue';\n    import {\n        ContainerTypeEnum,\n        ComponentNameEnum,\n        WidgetProps,\n        useField\n    } from '@kp-ui/lowcode-core';\n    import { GridWidget } from '../../widget-panel/containers';\n\n    const props = defineProps<WidgetProps<GridWidget>>();\n    defineOptions({\n        name: ContainerTypeEnum.grid,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const { options } = useField(props, false);\n</script>\n\n<style lang=\"scss\" scoped>\n    .grid-container {\n        min-height: 50px;\n        padding: 3px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock","widget","_unref","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCI,UAAM,QAAQ;AAMd,UAAM,EAAE,QAAA,IAAY,SAAS,OAAO,KAAK;;;AAtCzC,aAAAA,UAAA,GAAAC,mBAmBM,OAnBN,YAmBM;AAAA,sBAlBFC,YAiBQ,kBAAA;AAAA,UAhBH,KAAKC,KAAAA,OAAO;AAAA,UACZ,QAAQA,KAAAA,OAAO,QAAQ;AAAA,UACvB,SAASC,MAAA,OAAA,EAAQ,eAAW;AAAA,UAC5B,OAAOA,MAAA,OAAA,EAAQ,aAAS;AAAA,UACxB,MAAMA,MAAA,OAAA,EAAQ,YAAQ;AAAA,QAAA;2BAGnB,MAA0C;AAAA,aAD9CJ,UAAA,IAAA,GAAAC,mBASEI,2BARgCF,KAAAA,OAAO,MAAI,CAAjC,WAAW,WAAM;kCAD7BD,YASE,eAAA;AAAA,gBAPG,KAAK,UAAU;AAAA,gBACf,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACD,MAAMC,KAAAA,OAAO;AAAA,gBAAPA,iBAAAA,OAAAA,CAAAA,MAAAA,OAAAA,CAAAA,IAAAA,CAAAA,WAAAA,KAAAA,OAAO,OAAI;AAAA,gBACxB,wBAAsB;AAAA,gBACtB,iBAAeA,KAAAA;AAAAA,gBACf,cAAYA,KAAAA,OAAO,QAAQ;AAAA,cAAA;;;;;;;;;"}

package/src/components/desginer/form-widget/container-widget/index.js

@@ -0,0 +1,19 @@
+import { defineAsyncComponent } from "vue";
+import { ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+({
+  [ContainerTypeEnum.GridColWidget]: defineAsyncComponent(() => import("./grid-col-widget.vue.js")),
+  [ContainerTypeEnum.grid]: defineAsyncComponent(() => import("./grid-widget.vue.js")),
+  [ContainerTypeEnum.DataTable]: defineAsyncComponent(() => import("./data-table-widget.vue.js")),
+  [ContainerTypeEnum.GridSubFormWidget]: defineAsyncComponent(
+    () => import("./grid-sub-form-widget.vue.js")
+  ),
+  [ContainerTypeEnum.Tab]: defineAsyncComponent(() => import("./tab-widget.vue.js")),
+  [ContainerTypeEnum.VfCollapseWidget]: defineAsyncComponent(
+    () => import("./vf-collapse-widget.vue.js")
+  ),
+  [ContainerTypeEnum.VfDialogWidget]: defineAsyncComponent(
+    () => import("./vf-dialog-widget.vue.js")
+  ),
+  [ContainerTypeEnum.VfBoxWidget]: defineAsyncComponent(() => import("./vf-box-widget.vue.js"))
+});
+//# sourceMappingURL=index.js.map

package/src/components/desginer/form-widget/container-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/index.ts"],"sourcesContent":["import { ContainerTypeEnum } from '@kp-ui/lowcode-core';\nimport { defineAsyncComponent } from 'vue';\n\nexport const RenderDesignerWidgetList = {\n    [ContainerTypeEnum.GridColWidget]: defineAsyncComponent(() => import('./grid-col-widget.vue')),\n    [ContainerTypeEnum.grid]: defineAsyncComponent(() => import('./grid-widget.vue')),\n    [ContainerTypeEnum.DataTable]: defineAsyncComponent(() => import('./data-table-widget.vue')),\n    [ContainerTypeEnum.GridSubFormWidget]: defineAsyncComponent(\n        () => import('./grid-sub-form-widget.vue')\n    ),\n    [ContainerTypeEnum.Tab]: defineAsyncComponent(() => import('./tab-widget.vue')),\n    [ContainerTypeEnum.VfCollapseWidget]: defineAsyncComponent(\n        () => import('./vf-collapse-widget.vue')\n    ),\n    [ContainerTypeEnum.VfDialogWidget]: defineAsyncComponent(\n        () => import('./vf-dialog-widget.vue')\n    ),\n    [ContainerTypeEnum.VfBoxWidget]: defineAsyncComponent(() => import('./vf-box-widget.vue'))\n};\n"],"names":[],"mappings":";;CAGwC;AAAA,EACpC,CAAC,kBAAkB,aAAa,GAAG,qBAAqB,MAAM,OAAO,0BAAuB,CAAC;AAAA,EAC7F,CAAC,kBAAkB,IAAI,GAAG,qBAAqB,MAAM,OAAO,sBAAmB,CAAC;AAAA,EAChF,CAAC,kBAAkB,SAAS,GAAG,qBAAqB,MAAM,OAAO,4BAAyB,CAAC;AAAA,EAC3F,CAAC,kBAAkB,iBAAiB,GAAG;AAAA,IACnC,MAAM,OAAO,+BAA4B;AAAA,EAAA;AAAA,EAE7C,CAAC,kBAAkB,GAAG,GAAG,qBAAqB,MAAM,OAAO,qBAAkB,CAAC;AAAA,EAC9E,CAAC,kBAAkB,gBAAgB,GAAG;AAAA,IAClC,MAAM,OAAO,6BAA0B;AAAA,EAAA;AAAA,EAE3C,CAAC,kBAAkB,cAAc,GAAG;AAAA,IAChC,MAAM,OAAO,2BAAwB;AAAA,EAAA;AAAA,EAEzC,CAAC,kBAAkB,WAAW,GAAG,qBAAqB,MAAM,OAAO,wBAAqB,CAAC;AAC7F;"}

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

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

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

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

package/{assets/tab-widget.mjs → src/components/desginer/form-widget/container-widget/tab-widget.vue2.js}

@@ -1,5 +1,7 @@
 import { defineComponent, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, unref } from "vue";
-import { C as ComponentNameEnum, e as ContainerTypeEnum, a as useAppRef, R as RenderWidgetList, _ as _export_sfc } from "./install.mjs";
+import { ComponentNameEnum, ContainerTypeEnum } from "../../../../../core/src/constants/WidgetTypeEnum.js";
+import { useAppRef } from "../../../../../core/src/hooks/useAppRef.js";
+import RenderWidgetList from "../../../../../core/src/components/common/RenderWidgetList.vue.js";
 const _hoisted_1 = { class: "tab-content-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -62,8 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3280ee5e"]]);
 export {
-  tabWidget as default
+  _sfc_main as default
 };
-//# sourceMappingURL=tab-widget.mjs.map
+//# sourceMappingURL=tab-widget.vue2.js.map

package/src/components/desginer/form-widget/container-widget/tab-widget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue2.js","sources":["../../../../../../src/components/desginer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <div :key=\"widget.id\" class=\"tab-container container-design-widget\">\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            >\n                <div class=\"tab-content-wrapper\">\n                    <RenderWidgetList v-model:list=\"tab.widgetList\" :parentWidget=\"widget\" />\n                </div>\n            </a-tab-pane>\n        </a-tabs>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useAppRef, RenderWidgetList } from '@kp-ui/lowcode-core';\n    import { ComponentNameEnum, ContainerTypeEnum, WidgetProps } from '@kp-ui/lowcode-core';\n    import { TabWidget } from '../../widget-panel/containers';\n\n    defineOptions({\n        name: ContainerTypeEnum.Tab,\n        componentName: ComponentNameEnum.ContainerWidget\n    });\n\n    const props = defineProps<WidgetProps<TabWidget>>();\n    const { initRefList } = useAppRef();\n\n    const onTabClick = key => {\n        props.widget.options.activeTab = key;\n    };\n\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\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: 26px;\n            }\n        }\n    }\n</style>\n"],"names":["_createElementBlock","widget","_createVNode","_openBlock","_Fragment","_renderList","_createBlock","_createElementVNode","_unref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgCI,UAAM,QAAQ;AACd,UAAM,EAAE,YAAA,IAAgB,UAAA;AAExB,UAAM,aAAa,CAAA,QAAO;AACtB,YAAM,OAAO,QAAQ,YAAY;AAAA,IACrC;AAEA,gBAAA;;;;0BAtCAA,mBAkBM,OAAA;AAAA,QAlBA,KAAKC,KAAAA,OAAO;AAAA,QAAI,OAAM;AAAA,MAAA;QACxBC,YAgBS,mBAAA;AAAA,UAfJ,MAAMD,KAAAA,OAAO,QAAQ;AAAA,UACrB,cAAcA,KAAAA,OAAO,QAAQ;AAAA,UAC7B,aAAaA,KAAAA,OAAO,QAAQ;AAAA,UACrB,WAAWA,KAAAA,OAAO,QAAQ;AAAA,sEAAfA,KAAAA,OAAO,QAAQ,YAAS;AAAA,UAC1C;AAAA,QAAA;2BAGG,MAA0B;AAAA,aAD9BE,UAAA,IAAA,GAAAH,mBAQaI,UAAA,MAAAC,WAPKJ,KAAAA,OAAO,OAAd,QAAG;kCADdK,YAQa,uBAAA;AAAA,gBANR,KAAK,IAAI,QAAQ;AAAA,gBACjB,KAAK,IAAI,QAAQ;AAAA,cAAA;iCAElB,MAEM;AAAA,kBAFNC,mBAEM,OAFN,YAEM;AAAA,oBADFL,YAAyEM,MAAA,gBAAA,GAAA;AAAA,sBAA/C,MAAM,IAAI;AAAA,sBAAJ,iBAAA,CAAA,WAAA,IAAI,aAAU;AAAA,sBAAG,cAAcP,KAAAA;AAAAA,oBAAAA;;;;;;;;;;;;;"}