@kp-ui/lowcode 1.0.98 → 1.0.100

package/index.js

@@ -1,55 +1,55 @@
 /* empty css                       */
-import { default as g } from "./src/components/form-designer/index.vue.js";
-import { default as h } from "./src/components/form-render/index.vue.js";
+import { default as h } from "./src/components/form-designer/index.vue.js";
+import { default as W } from "./src/components/form-render/index.vue.js";
 import "./_virtual/virtual_svg-icons-register.js";
-import { addAdvancedFieldSchema as M, addBasicFieldSchema as W, addContainerWidgetSchema as w, addCustomWidgetSchema as S } from "./src/components/form-designer/widget-panel/widgetsConfig.js";
-import { basicFieldsEnums as b } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
-import { default as I } from "./src/components/form-designer/form-widget/container-widget/containerMixin.js";
-import { default as P } from "./src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js";
-import i from "./src/components/form-designer/form-widget/container-widget/index.js";
-import m from "./src/components/form-render/container-item/index.js";
-import { default as B } from "./src/components/form-designer/form-widget/field-widget/index.js";
-import { default as L } from "./src/components/form-designer/refMixinDesign.js";
-import { default as A } from "./src/components/form-render/refMixin.js";
-import { default as j } from "./src/components/form-render/container-item/container-item-wrapper.vue.js";
-import { default as q } from "./src/components/form-render/container-item/containerItemMixin.js";
-import { default as G } from "./src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js";
-import { default as J } from "./src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js";
-import { default as N } from "./src/components/form-designer/form-widget/field-widget/fieldMixin.js";
-import { openCustomerModal as f } from "./src/components/public/CustomerModal/useCustomerModal.js";
-import { default as Q } from "./src/components/form-render/SubmitButtonRender.vue.js";
-import { default as U } from "./src/utils/emitter.js";
-import { useLowcode as Y } from "./src/hooks/useLowcode.js";
-const u = (r) => {
-  const { app: e, http: o, factoryRender: t } = r;
-  e.config.globalProperties.$http = o, e.config.globalProperties.$factoryRender = t, e.config.globalProperties.$openCustomerModal = f, e.use(i), e.use(m);
-  const a = window.$vform ?? {};
+import { addAdvancedFieldSchema as b, addBasicFieldSchema as w, addContainerWidgetSchema as I, addCustomWidgetSchema as S } from "./src/components/form-designer/widget-panel/widgetsConfig.js";
+import { basicFieldsEnums as P } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
+import { default as y } from "./src/components/form-designer/form-widget/container-widget/containerMixin.js";
+import { default as B } from "./src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js";
+import n from "./src/components/form-designer/form-widget/container-widget/index.js";
+import p from "./src/components/form-render/container-item/index.js";
+import { default as L } from "./src/components/form-designer/form-widget/field-widget/index.js";
+import { default as V } from "./src/components/form-designer/refMixinDesign.js";
+import { default as j } from "./src/components/form-render/refMixin.js";
+import { default as q } from "./src/components/form-render/container-item/container-item-wrapper.vue.js";
+import { default as G } from "./src/components/form-render/container-item/containerItemMixin.js";
+import { default as J } from "./src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js";
+import { default as N } from "./src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js";
+import { default as Q } from "./src/components/form-designer/form-widget/field-widget/fieldMixin.js";
+import { openCustomerModal as d } from "./src/components/public/CustomerModal/useCustomerModal.js";
+import { default as X } from "./src/components/form-render/SubmitButtonRender.vue.js";
+import { default as Z } from "./src/utils/emitter.js";
+import { useLowcode as ee } from "./src/hooks/useLowcode.js";
+const g = (r) => {
+  const { app: e, http: o, factoryRender: t, useMountApp: a, getUserInfo: f } = r;
+  e.config.globalProperties.$http = o, e.config.globalProperties.$getUserInfo = f, e.config.globalProperties.$factoryRender = t, e.config.globalProperties.$openCustomerModal = (m) => d(m, a), e.use(n), e.use(p);
+  const i = window.$vform ?? {};
   window.$vform = {
-    ...a,
+    ...i,
     $http: o
   };
 };
 export {
-  j as ContainerItemWrapper,
-  P as ContainerWrapper,
-  B as FieldComponents,
-  J as FormItemWrapper,
-  G as StaticContentWrapper,
-  Q as SubmitButtonRender,
-  g as VFormDesigner,
-  h as VFormRender,
-  M as addAdvancedFieldSchema,
-  W as addBasicFieldSchema,
-  w as addContainerWidgetSchema,
+  q as ContainerItemWrapper,
+  B as ContainerWrapper,
+  L as FieldComponents,
+  N as FormItemWrapper,
+  J as StaticContentWrapper,
+  X as SubmitButtonRender,
+  h as VFormDesigner,
+  W as VFormRender,
+  b as addAdvancedFieldSchema,
+  w as addBasicFieldSchema,
+  I as addContainerWidgetSchema,
   S as addCustomWidgetSchema,
-  b as basicFieldsEnums,
-  q as containerItemMixin,
-  I as containerMixin,
-  U as emitter,
-  N as fieldMixin,
-  A as refMixin,
-  L as refMixinDesign,
-  u as registerLowcodeCore,
-  Y as useLowcode
+  P as basicFieldsEnums,
+  G as containerItemMixin,
+  y as containerMixin,
+  Z as emitter,
+  Q as fieldMixin,
+  j as refMixin,
+  V as refMixinDesign,
+  g as registerLowcodeCore,
+  ee as useLowcode
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../install.ts"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport VFormDesigner from '@/components/form-designer/index.vue';\nimport VFormRender from '@/components/form-render/index.vue';\n\nimport 'virtual:svg-icons-register';\n\n// 导出配置相关\nexport {\n    addContainerWidgetSchema,\n    addBasicFieldSchema,\n    addAdvancedFieldSchema,\n    addCustomWidgetSchema\n} from '@/components/form-designer/widget-panel/widgetsConfig';\n\nimport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\n// 导出容器相关\nexport { default as containerMixin } from '@/components/form-designer/form-widget/container-widget/containerMixin';\nexport { default as ContainerWrapper } from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\nimport ContainerWidgets from '@/components/form-designer/form-widget/container-widget/index';\nimport ContainerItems from '@/components/form-render/container-item/index';\n\n// 导出字段相关\nexport { default as FieldComponents } from '@/components/form-designer/form-widget/field-widget/index';\nexport { default as refMixinDesign } from '@/components/form-designer/refMixinDesign';\nexport { default as refMixin } from '@/components/form-render/refMixin';\nexport { default as ContainerItemWrapper } from '@/components/form-render/container-item/container-item-wrapper.vue';\nexport { default as containerItemMixin } from '@/components/form-render/container-item/containerItemMixin';\nexport { default as StaticContentWrapper } from '@/components/form-designer/form-widget/field-widget/static-content-wrapper.vue';\nexport { default as FormItemWrapper } from '@/components/form-designer/form-widget/field-widget/form-item-wrapper.vue';\nexport { default as fieldMixin } from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal';\nimport type { App } from 'vue';\nimport type { AxiosInstance } from 'axios';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\n// 导出工具\nexport { default as emitter } from '@/utils/emitter';\n\nexport { useLowcode } from '@/hooks/useLowcode';\n\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    http: AxiosInstance;\n    factoryRender: (name: any, props: any) => any;\n}\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, http, factoryRender } = params;\n\n    app.config.globalProperties.$http = http;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = openCustomerModal;\n\n    app.use(ContainerWidgets);\n    app.use(ContainerItems);\n\n    const vfrom = window.$vform ?? {};\n    window.$vform = {\n        ...vfrom,\n        $http: http\n    };\n};\n\nexport { basicFieldsEnums, VFormDesigner, VFormRender };\n"],"names":["registerLowcodeCore","params","app","http","factoryRender","openCustomerModal","ContainerWidgets","ContainerItems","vfrom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiDO,MAAMA,IAAsB,CAACC,MAAsC;AACtE,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,eAAAC,EAAA,IAAkBH;AAErC,EAAAC,EAAI,OAAO,iBAAiB,QAAQC,GACpCD,EAAI,OAAO,iBAAiB,iBAAiBE,GAC7CF,EAAI,OAAO,iBAAiB,qBAAqBG,GAEjDH,EAAI,IAAII,CAAgB,GACxBJ,EAAI,IAAIK,CAAc;AAEtB,QAAMC,IAAQ,OAAO,UAAU,CAAA;AAC/B,SAAO,SAAS;AAAA,IACZ,GAAGA;AAAA,IACH,OAAOL;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"index.js","sources":["../install.ts"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport VFormDesigner from '@/components/form-designer/index.vue';\nimport VFormRender from '@/components/form-render/index.vue';\n\nimport 'virtual:svg-icons-register';\n\n// 导出配置相关\nexport {\n    addContainerWidgetSchema,\n    addBasicFieldSchema,\n    addAdvancedFieldSchema,\n    addCustomWidgetSchema\n} from '@/components/form-designer/widget-panel/widgetsConfig';\n\nimport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\n// 导出容器相关\nexport { default as containerMixin } from '@/components/form-designer/form-widget/container-widget/containerMixin';\nexport { default as ContainerWrapper } from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\nimport ContainerWidgets from '@/components/form-designer/form-widget/container-widget/index';\nimport ContainerItems from '@/components/form-render/container-item/index';\n\n// 导出字段相关\nexport { default as FieldComponents } from '@/components/form-designer/form-widget/field-widget/index';\nexport { default as refMixinDesign } from '@/components/form-designer/refMixinDesign';\nexport { default as refMixin } from '@/components/form-render/refMixin';\nexport { default as ContainerItemWrapper } from '@/components/form-render/container-item/container-item-wrapper.vue';\nexport { default as containerItemMixin } from '@/components/form-render/container-item/containerItemMixin';\nexport { default as StaticContentWrapper } from '@/components/form-designer/form-widget/field-widget/static-content-wrapper.vue';\nexport { default as FormItemWrapper } from '@/components/form-designer/form-widget/field-widget/form-item-wrapper.vue';\nexport { default as fieldMixin } from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal';\nimport type { App } from 'vue';\nimport type { AxiosInstance } from 'axios';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\n// 导出工具\nexport { default as emitter } from '@/utils/emitter';\n\nexport { useLowcode } from '@/hooks/useLowcode';\n\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    http: AxiosInstance;\n    factoryRender: (name: any, props: any) => any;\n    useMountApp?: () => void;\n    getUserInfo?: () => any;\n}\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, http, factoryRender, useMountApp, getUserInfo } = params;\n\n    app.config.globalProperties.$http = http;\n    app.config.globalProperties.$getUserInfo = getUserInfo;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = ops => openCustomerModal(ops, useMountApp);\n\n    app.use(ContainerWidgets);\n    app.use(ContainerItems);\n\n    const vfrom = window.$vform ?? {};\n    window.$vform = {\n        ...vfrom,\n        $http: http\n    };\n};\n\nexport { basicFieldsEnums, VFormDesigner, VFormRender };\n"],"names":["registerLowcodeCore","params","app","http","factoryRender","useMountApp","getUserInfo","ops","openCustomerModal","ContainerWidgets","ContainerItems","vfrom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDO,MAAMA,IAAsB,CAACC,MAAsC;AACtE,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,eAAAC,GAAe,aAAAC,GAAa,aAAAC,MAAgBL;AAE/D,EAAAC,EAAI,OAAO,iBAAiB,QAAQC,GACpCD,EAAI,OAAO,iBAAiB,eAAeI,GAC3CJ,EAAI,OAAO,iBAAiB,iBAAiBE,GAC7CF,EAAI,OAAO,iBAAiB,qBAAqB,CAAAK,MAAOC,EAAkBD,GAAKF,CAAW,GAE1FH,EAAI,IAAIO,CAAgB,GACxBP,EAAI,IAAIQ,CAAc;AAEtB,QAAMC,IAAQ,OAAO,UAAU,CAAA;AAC/B,SAAO,SAAS;AAAA,IACZ,GAAGA;AAAA,IACH,OAAOR;AAAA,EAAA;AAEf;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.98",
+  "version": "1.0.100",
   "publishConfig": {
     "access": "public"
   },

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

@@ -163,7 +163,7 @@ function z(e, i, t, E, n, p) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const H = /* @__PURE__ */ x(R, [["render", z], ["__scopeId", "data-v-67c6f310"]]);
+const H = /* @__PURE__ */ x(R, [["render", z], ["__scopeId", "data-v-25c62f40"]]);
 export {
   H as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"select-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/select-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <div class=\"design-select-box\" v-show=\"!isReadMode\">\n            <a-select\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                v-show=\"!isReadMode\"\n                :size=\"size\"\n                class=\"full-width-input\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :showArrow=\"true\"\n                :dropdownMatchSelectWidth=\"false\"\n                :mode=\"field.options.mode\"\n                :maxTagCount=\"field.options.maxTagCount\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :onFocus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n                :options=\"field.options.optionItems\"\n                v-bind=\"selectOps\"\n            />\n            <!--\n         :fieldNames=\"{\n          label: field.options.labelKey || 'label',\n          value: field.options.valueKey || 'value',\n          options: 'options'\n        }\"\n        @popupScroll=\"onPopupScroll\"\n\n         @search=\"remoteQuery\"\n        :showSearch=\"field.options.showSearch\"\n       -->\n            <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n                <svg-icon icon-class=\"sousuo\" />\n            </div>\n        </div>\n        <template v-if=\"isReadMode\">\n            <a-tooltip placement=\"topLeft\" :title=\"optionLabel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n            </a-tooltip>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script>\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin.js';\n    import SvgIcon from '@/components/svg-icon';\n    import useSelectMixin from '@/mixins/useSelectMixin.js';\n\n    export default {\n        name: 'select-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n, useSelectMixin],\n\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: { SvgIcon, FormItemWrapper },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n                // pager: {\n                //   page: 1,\n                //   pageSize: 20,\n                //   totalPage: 0,\n                //   total: 0\n                // }\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            allowDefaultFirstOption() {\n                return !!this.field.options.filterable && !!this.field.options.allowCreate;\n            }\n        },\n        watch: {\n            'field.options.dsEnabled': {\n                deep: true,\n                handler(val) {\n                    if (val) {\n                        this.initOptionItems();\n                    }\n                    //\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.clearOptionItems();\n            this.initOptionItems();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            /**\n             * 获取选中项label\n             * @return {*}\n             */\n            getSelectedLabel() {\n                return this.$refs.fieldEditor.selectedLabel;\n            }\n            // onPopupScroll(e) {\n            //   if (!this.field.options.loadingPage) return;\n            //   const { target } = e;\n            //   const { scrollTop, scrollHeight, clientHeight } = target;\n            //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n            //     if (this.pager.totalPage > this.pager.page) {\n            //       this.pager.page += 1;\n            //       this.initOptionItems(true);\n            //     }\n            //   }\n            // }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n    .design-select-box {\n        display: flex;\n        width: 100%;\n        .ant-select {\n            flex: 1 0 0;\n            min-width: 0;\n        }\n        .useModal-svg {\n            border: 1px solid #d9d9d9;\n            // padding-left: 12px;\n            cursor: pointer;\n            width: 40px;\n            background: #fafafa;\n            line-height: 30px;\n            border-left: 0;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","useSelectMixin","SvgIcon","FormItemWrapper","val","_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_withDirectives","_createElementVNode","_createVNode","_component_a_select","_mergeProps","$event","$options","_createElementBlock","args","_component_svg_icon","_component_a_tooltip","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"select-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/select-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper\n        :designer=\"designer\"\n        :field=\"field\"\n        :rules=\"rules\"\n        :design-state=\"designState\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n        :sub-form-row-index=\"subFormRowIndex\"\n        :sub-form-col-index=\"subFormColIndex\"\n        :sub-form-row-id=\"subFormRowId\"\n        v-if=\"!handleHidden()\"\n    >\n        <div class=\"design-select-box\" v-show=\"!isReadMode\">\n            <a-select\n                ref=\"fieldEditor\"\n                v-model:value=\"fieldModel\"\n                v-show=\"!isReadMode\"\n                :size=\"size\"\n                class=\"full-width-input\"\n                :disabled=\"handleDisabled()\"\n                :allowClear=\"field.options.allowClear\"\n                :showArrow=\"true\"\n                :dropdownMatchSelectWidth=\"false\"\n                :mode=\"field.options.mode\"\n                :maxTagCount=\"field.options.maxTagCount\"\n                :placeholder=\"field.options.placeholder || i18nt('render.hint.selectPlaceholder')\"\n                :onFocus=\"handleFocusCustomEvent\"\n                @blur=\"handleBlurCustomEvent\"\n                @change=\"handleChangeEvent\"\n                :options=\"field.options.optionItems\"\n                v-bind=\"selectOps\"\n            />\n            <!--\n         :fieldNames=\"{\n          label: field.options.labelKey || 'label',\n          value: field.options.valueKey || 'value',\n          options: 'options'\n        }\"\n        @popupScroll=\"onPopupScroll\"\n\n         @search=\"remoteQuery\"\n        :showSearch=\"field.options.showSearch\"\n       -->\n            <div v-if=\"field.options.useModal\" class=\"useModal-svg\" @click=\"handleClickIcon\">\n                <svg-icon icon-class=\"sousuo\" />\n            </div>\n        </div>\n        <template v-if=\"isReadMode\">\n            <a-tooltip placement=\"topLeft\" :title=\"optionLabel\" :overlayStyle=\"{ zIndex: 1000 }\">\n                <span class=\"readonly-mode-field\">{{ optionLabel }}</span>\n            </a-tooltip>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script>\n    import FormItemWrapper from './form-item-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n, { translate } from '@/utils/i18n';\n    import fieldMixin from '@/components/form-designer/form-widget/field-widget/fieldMixin.js';\n    import SvgIcon from '@/components/svg-icon';\n    import useSelectMixin from '@/mixins/useSelectMixin.js';\n\n    export default {\n        name: 'select-widget',\n        componentName: 'FieldWidget', //必须固定为FieldWidget，用于接收父级组件的broadcast事件\n        mixins: [emitter, fieldMixin, i18n, useSelectMixin],\n\n        props: {\n            field: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        components: { SvgIcon, FormItemWrapper },\n        data() {\n            return {\n                oldFieldValue: null, //field组件change之前的值\n                fieldModel: null,\n                rules: []\n                // pager: {\n                //   page: 1,\n                //   pageSize: 20,\n                //   totalPage: 0,\n                //   total: 0\n                // }\n            };\n        },\n        computed: {\n            size() {\n                if (!!this.field.options && !!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n            allowDefaultFirstOption() {\n                return !!this.field.options.filterable && !!this.field.options.allowCreate;\n            }\n        },\n        watch: {\n            'field.options.dsEnabled': {\n                deep: true,\n                handler(val) {\n                    if (val) {\n                        this.initOptionItems();\n                    }\n                    //\n                }\n            }\n        },\n        beforeCreate() {\n            /* 这里不能访问方法和属性！！ */\n        },\n\n        created() {\n            /* 注意：子组件mounted在父组件created之后、父组件mounted之前触发，故子组件mounted需要用到的prop\n         需要在父组件created中初始化！！ */\n            this.registerToRefList();\n            this.clearOptionItems();\n            this.initOptionItems();\n            this.initFieldModel();\n            this.initEventHandler();\n            this.buildFieldRules();\n\n            this.handleOnCreated();\n        },\n\n        mounted() {\n            this.handleOnMounted();\n        },\n\n        beforeUnmount() {\n            this.unregisterFromRefList();\n        },\n\n        methods: {\n            /**\n             * 获取选中项label\n             * @return {*}\n             */\n            getSelectedLabel() {\n                return this.$refs.fieldEditor.selectedLabel;\n            }\n            // onPopupScroll(e) {\n            //   if (!this.field.options.loadingPage) return;\n            //   const { target } = e;\n            //   const { scrollTop, scrollHeight, clientHeight } = target;\n            //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {\n            //     if (this.pager.totalPage > this.pager.page) {\n            //       this.pager.page += 1;\n            //       this.initOptionItems(true);\n            //     }\n            //   }\n            // }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n\n    .full-width-input {\n        width: 100% !important;\n    }\n    .design-select-box {\n        display: flex;\n        width: 100%;\n\n        .ant-select {\n            flex: 1 0 0;\n            min-width: 0;\n        }\n        :deep(.ant-select-selector) {\n            border-top-right-radius: 0;\n            border-bottom-right-radius: 0;\n        }\n        .useModal-svg {\n            border: 1px solid #d9d9d9;\n            // padding-left: 12px;\n            cursor: pointer;\n            width: 40px;\n            background: #fafafa;\n            line-height: 30px;\n            border-left: 0;\n            text-align: center;\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n    }\n</style>\n"],"names":["_sfc_main","emitter","fieldMixin","i18n","useSelectMixin","SvgIcon","FormItemWrapper","val","_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_form_item_wrapper","$props","$data","_withDirectives","_createElementVNode","_createVNode","_component_a_select","_mergeProps","$event","$options","_createElementBlock","args","_component_svg_icon","_component_a_tooltip","_toDisplayString"],"mappings":"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"}

package/src/components/form-designer/index.vue.js

@@ -7,10 +7,10 @@ import { TpfConfigProvider as R } from "tmgc2-share";
 import { traverseAllWidgets as x, getAllContainerWidgets as f, getAllFieldWidgets as c, deepClone as m, addWindowResizeHandler as E } from "../../utils/util.js";
 import J, { changeLocale as S } from "../../utils/i18n.js";
 import { isEmpty as D } from "lodash-es";
-import { resolveComponent as o, createBlock as H, openBlock as A, withCtx as n, createVNode as r, createSlots as P, renderList as B, renderSlot as N, createElementVNode as U } from "vue";
+import { resolveComponent as r, createBlock as H, openBlock as A, withCtx as n, createVNode as o, createSlots as P, renderList as B, renderSlot as N, createElementVNode as V } from "vue";
 /* empty css           */
-import V from "../../../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import T from "../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
   name: "VFormDesigner",
   componentName: "VFormDesigner",
   mixins: [J],
@@ -138,23 +138,6 @@ const T = {
     testEEH(e, t) {
       console.log("test", e), console.log("test222222", t);
     },
-    showLink(e) {
-      return this.designerConfig[e] === void 0 ? !0 : !!this.designerConfig[e];
-    },
-    openUrl(e, t) {
-      if (this.vsCodeFlag) {
-        const s = {
-          cmd: "openUrl",
-          data: {
-            url: t
-          }
-        };
-        window.parent.postMessage(s, "*");
-      } else {
-        const s = e.currentTarget;
-        s.href = t;
-      }
-    },
     changeLanguage(e) {
       S(e);
     },
@@ -281,29 +264,29 @@ const T = {
     }
     //TODO: 增加更多方法！！
   }
-}, k = { class: "container-scroll-bar" };
-function I(e, t, s, M, i, l) {
-  const u = o("WidgetPanel"), d = o("a-layout-sider"), p = o("toolbar-panel"), W = o("a-layout-header"), _ = o("VFormWidget"), a = o("a-layout-content"), v = o("setting-panel"), g = o("a-layout"), C = o("TpfConfigProvider");
+}, I = { class: "container-scroll-bar" };
+function k(e, t, s, M, i, l) {
+  const u = r("WidgetPanel"), d = r("a-layout-sider"), p = r("toolbar-panel"), W = r("a-layout-header"), _ = r("VFormWidget"), a = r("a-layout-content"), v = r("setting-panel"), g = r("a-layout"), C = r("TpfConfigProvider");
   return A(), H(C, null, {
     default: n(() => [
-      r(g, { class: "main-container full-height" }, {
+      o(g, { class: "main-container full-height" }, {
         default: n(() => [
-          r(g, null, {
+          o(g, null, {
             default: n(() => [
-              r(d, {
+              o(d, {
                 width: i.leftWidth,
                 class: "side-panel"
               }, {
                 default: n(() => [
-                  r(u, { designer: i.designer }, null, 8, ["designer"])
+                  o(u, { designer: i.designer }, null, 8, ["designer"])
                 ]),
                 _: 1
               }, 8, ["width"]),
-              r(a, { class: "center-layout-container" }, {
+              o(a, { class: "center-layout-container" }, {
                 default: n(() => [
-                  r(W, { class: "toolbar-header" }, {
+                  o(W, { class: "toolbar-header" }, {
                     default: n(() => [
-                      r(p, {
+                      o(p, {
                         saveJsonApi: s.saveJsonApi,
                         designer: i.designer,
                         "global-dsv": s.globalDsv,
@@ -323,10 +306,10 @@ function I(e, t, s, M, i, l) {
                     ]),
                     _: 3
                   }),
-                  r(a, { class: "form-widget-main" }, {
+                  o(a, { class: "form-widget-main" }, {
                     default: n(() => [
-                      U("div", k, [
-                        r(_, {
+                      V("div", I, [
+                        o(_, {
                           designer: i.designer,
                           "form-config": i.designer.formConfig,
                           "global-dsv": s.globalDsv,
@@ -339,9 +322,9 @@ function I(e, t, s, M, i, l) {
                 ]),
                 _: 3
               }),
-              r(d, { width: i.rightWidth }, {
+              o(d, { width: i.rightWidth }, {
                 default: n(() => [
-                  r(v, {
+                  o(v, {
                     designer: i.designer,
                     "selected-widget": i.designer.selectedWidget,
                     "global-dsv": s.globalDsv,
@@ -361,7 +344,7 @@ function I(e, t, s, M, i, l) {
     _: 3
   });
 }
-const ie = /* @__PURE__ */ V(T, [["render", I], ["__scopeId", "data-v-ee42a973"]]);
+const ie = /* @__PURE__ */ T(U, [["render", k], ["__scopeId", "data-v-1e27946d"]]);
 export {
   ie as default
 };

package/src/components/form-designer/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <TpfConfigProvider>\n        <a-layout class=\"main-container full-height\">\n            <a-layout>\n                <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                    <WidgetPanel :designer=\"designer\" />\n                </a-layout-sider>\n\n                <a-layout-content class=\"center-layout-container\">\n                    <a-layout-header class=\"toolbar-header\">\n                        <toolbar-panel\n                            :saveJsonApi=\"saveJsonApi\"\n                            :designer=\"designer\"\n                            :global-dsv=\"globalDsv\"\n                            :changeLeftWidth=\"changeLeftWidth\"\n                            :changeRightWidth=\"changeRightWidth\"\n                            :leftWidth=\"leftWidth\"\n                            :rightWidth=\"rightWidth\"\n                            ref=\"toolbarRef\"\n                        >\n                            <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                                <slot :name=\"slotName\"></slot>\n                            </template>\n                        </toolbar-panel>\n                    </a-layout-header>\n                    <a-layout-content class=\"form-widget-main\">\n                        <div class=\"container-scroll-bar\">\n                            <VFormWidget\n                                :designer=\"designer\"\n                                :form-config=\"designer.formConfig\"\n                                :global-dsv=\"globalDsv\"\n                                ref=\"formRef\"\n                            />\n                        </div>\n                    </a-layout-content>\n                </a-layout-content>\n\n                <a-layout-sider :width=\"rightWidth\">\n                    <setting-panel\n                        :designer=\"designer\"\n                        :selected-widget=\"designer.selectedWidget\"\n                        :global-dsv=\"globalDsv\"\n                        :form-config=\"designer.formConfig\"\n                        @edit-event-handler=\"testEEH\"\n                    />\n                </a-layout-sider>\n            </a-layout>\n        </a-layout>\n    </TpfConfigProvider>\n</template>\n\n<script>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import { TpfConfigProvider } from 'tmgc2-share';\n    import {\n        addWindowResizeHandler,\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import i18n, { changeLocale } from '@/utils/i18n';\n    import { isEmpty } from 'lodash-es';\n\n    export default {\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner',\n        mixins: [i18n],\n        components: {\n            TpfConfigProvider,\n            WidgetPanel,\n            ToolbarPanel,\n            SettingPanel,\n            VFormWidget\n        },\n        props: {\n            /* 保存jsonApi */\n\n            saveJsonApi: {\n                type: Function,\n                default: null\n            },\n            /* 后端字段列表API */\n            fieldListApi: {\n                type: Function,\n                default: null\n            },\n\n            /* 禁止显示的组件名称数组 */\n            bannedWidgets: {\n                type: Array,\n                default: () => []\n            },\n            /* 设计器配置参数 */\n            designerConfig: {\n                type: Object,\n                default: () => {\n                    return {\n                        languageMenu: true, //是否显示语言切换菜单\n                        // externalLink: true, //是否显示GitHub、文档等外部链接\n                        // formTemplates: true, //是否显示表单模板\n                        eventCollapse: true, //是否显示组件事件属性折叠面板\n                        widgetNameReadonly: false, //禁止修改组件名称\n\n                        clearDesignerButton: true, //是否显示清空设计器按钮\n                        previewFormButton: true, //是否显示预览表单按钮\n                        importJsonButton: true, //是否显示导入JSON按钮\n                        exportJsonButton: true, //是否显示导出JSON器按钮\n                        exportCodeButton: true, //是否显示导出代码按钮\n                        // generateSFCButton: true, //是否显示生成SFC按钮\n\n                        toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n                        toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n                        presetCssCode: '', //设计器预设CSS样式代码\n\n                        resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n                    };\n                }\n            },\n\n            /* 全局数据源变量 */\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        data() {\n            return {\n                leftWidth: 270,\n                rightWidth: 300,\n                curLangName: '',\n                curLocale: '',\n                isLoading: false, //是否正在加载中\n                vsCodeFlag: false,\n                caseName: '',\n\n                docUrl: 'https://www.vform666.com/document3.html',\n                gitUrl: 'https://github.com/vform666/variant-form3-vite',\n                chatUrl: 'https://www.vform666.com/pages/chat-group/',\n                subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n                scrollerHeight: 0,\n\n                designer: createDesigner(this),\n\n                fieldList: []\n            };\n        },\n        provide() {\n            return {\n                serverFieldList: () => this.fieldList,\n                getDesignerConfig: () => this.designerConfig,\n                getBannedWidgets: () => this.bannedWidgets\n            };\n        },\n        created() {\n            // this.vsCodeFlag = getQueryParam('vscode') == 1;\n            // this.caseName = getQueryParam('case');\n        },\n        mounted() {\n            this.initLocale();\n\n            this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n                });\n            });\n\n            this.loadFieldListFromServer();\n        },\n        methods: {\n            setLoading(flag) {\n                this.isLoading = flag;\n            },\n            changeLeftWidth() {\n                if (this.leftWidth === 270) {\n                    this.leftWidth = 0;\n                } else {\n                    this.leftWidth = 270;\n                }\n            },\n            changeRightWidth() {\n                if (this.rightWidth === 300) {\n                    this.rightWidth = 0;\n                } else {\n                    this.rightWidth = 300;\n                }\n            },\n            /**\n             * json回填\n             * @param {*} importObj\n             */\n            setJsonImport(importObj = {}) {\n                if (isEmpty(importObj)) return;\n                try {\n                    if (!importObj || !importObj.formConfig) {\n                        throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n                    }\n\n                    // const fJsonVer = importObj?.formConfig?.jsonVersion || '';\n                    // if (!fJsonVer || fJsonVer !== 3) {\n                    //   throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n                    // }\n\n                    this.designer.loadFormJson(importObj);\n\n                    this.designer.emitHistoryChange();\n\n                    this.designer.emitEvent('form-json-imported', []);\n                } catch (ex) {\n                    this.$message.error(ex + '');\n                }\n            },\n            testEEH(eventName, eventParams) {\n                console.log('test', eventName);\n                console.log('test222222', eventParams);\n            },\n\n            showLink(configName) {\n                if (this.designerConfig[configName] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig[configName];\n            },\n\n            openUrl(event, url) {\n                if (!!this.vsCodeFlag) {\n                    const msgObj = {\n                        cmd: 'openUrl',\n                        data: {\n                            url\n                        }\n                    };\n                    window.parent.postMessage(msgObj, '*');\n                } else {\n                    const aDom = event.currentTarget;\n                    aDom.href = url;\n                    //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截\n                }\n            },\n\n            changeLanguage(langName) {\n                changeLocale(langName);\n            },\n            initLocale() {\n                this.curLocale = localStorage.getItem('lowcode_local');\n                if (!!this.vsCodeFlag) {\n                    this.curLocale = this.curLocale || 'en-US';\n                } else {\n                    this.curLocale = this.curLocale || 'zh-CN';\n                }\n                this.curLangName = this.i18nt('application.' + this.curLocale);\n                this.changeLanguage(this.curLocale);\n            },\n\n            async loadFieldListFromServer() {\n                if (!this.fieldListApi) {\n                    return;\n                }\n                this.fieldList = await this.fieldListApi();\n                console.log('this.fieldList: ', this.fieldList);\n            },\n            setFormJson(formJson) {\n                console.log('formJson: ', formJson);\n                let modifiedFlag = false;\n                if (!!formJson) {\n                    if (typeof formJson === 'string') {\n                        //TODO\n                        modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n                    } else if (formJson.constructor === Object) {\n                        modifiedFlag = this.designer.loadFormJson(formJson);\n                    }\n\n                    if (modifiedFlag) {\n                        this.designer.emitHistoryChange();\n                    }\n                }\n            },\n\n            getFormJson() {\n                return {\n                    widgetList: deepClone(this.designer.widgetList),\n                    formConfig: deepClone(this.designer.formConfig)\n                };\n            },\n\n            clearDesigner() {\n                this.$refs.toolbarRef.clearFormWidget();\n            },\n\n            /**\n             * 刷新表单设计器\n             */\n            refreshDesigner() {\n                //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？\n\n                const fJson = this.getFormJson();\n                this.designer.clearDesigner(true); //不触发历史记录变更\n                this.designer.loadFormJson(fJson);\n            },\n\n            /**\n             * 预览表单\n             */\n            previewForm() {\n                this.$refs.toolbarRef.previewForm();\n            },\n\n            /**\n             * 导入表单JSON\n             */\n            importJson() {\n                this.$refs.toolbarRef.importJson();\n            },\n\n            /**\n             * 导出表单JSON\n             */\n            exportJson() {\n                this.$refs.toolbarRef.exportJson();\n            },\n\n            /**\n             * 导出Vue/HTML代码\n             */\n            exportCode() {\n                this.$refs.toolbarRef.exportCode();\n            },\n\n            /**\n             * 生成SFC代码\n             */\n            generateSFC() {\n                this.$refs.toolbarRef.generateSFC();\n            },\n\n            /**\n             * 获取所有字段组件\n             * @returns {*[]}\n             */\n            getFieldWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllFieldWidgets(widgetList)\n                    : getAllFieldWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 获取所有容器组件\n             * @returns {*[]}\n             */\n            getContainerWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllContainerWidgets(widgetList)\n                    : getAllContainerWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 升级表单json，以补充最新的组件属性\n             * @param formJson\n             */\n            upgradeFormJson(formJson) {\n                if (!formJson.widgetList || !formJson.formConfig) {\n                    this.$message.error('Invalid form json!');\n                    return;\n                }\n\n                traverseAllWidgets(formJson.widgetList, w => {\n                    this.designer.upgradeWidgetConfig(w);\n                });\n                this.designer.upgradeFormConfig(formJson.formConfig);\n\n                return formJson;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n            },\n\n            getSelectedWidgetRef() {\n                return this.$refs['formRef'].getSelectedWidgetRef();\n            },\n\n            /**\n             * 添加数据源对象\n             * @param dsObj\n             */\n            addDataSource(dsObj) {\n                this.designer.formConfig.dataSources.push(dsObj);\n            },\n\n            /**\n             * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n             * @param componentName 外部组件名称\n             * @param externalComponent 外部组件实例\n             */\n            addEC(componentName, externalComponent) {\n                this.externalComponents[componentName] = externalComponent;\n            },\n\n            /**\n             * 判断外部组件是否可获取\n             * @param componentName 外部组件名称\n             * @returns {boolean}\n             */\n            hasEC(componentName) {\n                return this.externalComponents.hasOwnProperty(componentName);\n            },\n\n            /**\n             * 获取外部组件实例\n             * @param componentName\n             * @returns {*}\n             */\n            getEC(componentName) {\n                return this.externalComponents[componentName];\n            }\n\n            //TODO: 增加更多方法！！\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .ant-layout.main-container {\n        background: #fff;\n\n        .ant-layout-sider {\n            background: #fff;\n        }\n\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n    }\n\n    .ant-layout.full-height {\n        height: 100%;\n        overflow-y: hidden;\n    }\n\n    .ant-layout-content.center-layout-container {\n        min-width: 680px;\n        border-left: 2px dotted #ebeef5;\n        border-right: 2px dotted #ebeef5;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .ant-layout-header.main-header {\n        border-bottom: 2px dotted #ebeef5;\n        background: #fff;\n        padding: 0;\n\n        height: 48px !important;\n        line-height: 48px !important;\n        min-width: 800px;\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n\n    .ant-layout-header.toolbar-header {\n        font-size: 14px;\n        border-bottom: 1px dotted #cccccc;\n        height: 42px !important;\n        background: #fff;\n        padding: 0;\n    }\n\n    .ant-layout-sider.side-panel {\n        width: 260px !important;\n        overflow-y: hidden;\n    }\n    // .left-aside-toggle-bar {\n    //   position: relative;\n    //   width: 0px;\n    //   .icons {\n    //     position: absolute;\n    //     right: 100%;\n    //     top: 50%;\n    //     transform: translate(100%, -50%);\n    //     z-index: 9999;\n    //     background: #fff;\n    //     width: 12px !important;\n    //     height: 36px !important;\n    //   }\n    // }\n\n    .ant-layout-content.form-widget-main {\n        padding: 0;\n        position: relative;\n        overflow-x: hidden;\n        flex: 1 0 0;\n    }\n\n    .container-scroll-bar {\n        height: 100%;\n        & > :deep(.form-widget-container) {\n            height: 100%;\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","TpfConfigProvider","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","configName","event","url","msgObj","aDom","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_TpfConfigProvider","_createVNode","_component_a_layout","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <TpfConfigProvider>\n        <a-layout class=\"main-container full-height\">\n            <a-layout>\n                <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                    <WidgetPanel :designer=\"designer\" />\n                </a-layout-sider>\n\n                <a-layout-content class=\"center-layout-container\">\n                    <a-layout-header class=\"toolbar-header\">\n                        <toolbar-panel\n                            :saveJsonApi=\"saveJsonApi\"\n                            :designer=\"designer\"\n                            :global-dsv=\"globalDsv\"\n                            :changeLeftWidth=\"changeLeftWidth\"\n                            :changeRightWidth=\"changeRightWidth\"\n                            :leftWidth=\"leftWidth\"\n                            :rightWidth=\"rightWidth\"\n                            ref=\"toolbarRef\"\n                        >\n                            <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                                <slot :name=\"slotName\"></slot>\n                            </template>\n                        </toolbar-panel>\n                    </a-layout-header>\n                    <a-layout-content class=\"form-widget-main\">\n                        <div class=\"container-scroll-bar\">\n                            <VFormWidget\n                                :designer=\"designer\"\n                                :form-config=\"designer.formConfig\"\n                                :global-dsv=\"globalDsv\"\n                                ref=\"formRef\"\n                            />\n                        </div>\n                    </a-layout-content>\n                </a-layout-content>\n                <a-layout-sider :width=\"rightWidth\">\n                    <setting-panel\n                        :designer=\"designer\"\n                        :selected-widget=\"designer.selectedWidget\"\n                        :global-dsv=\"globalDsv\"\n                        :form-config=\"designer.formConfig\"\n                        @edit-event-handler=\"testEEH\"\n                    />\n                </a-layout-sider>\n            </a-layout>\n        </a-layout>\n    </TpfConfigProvider>\n</template>\n\n<script>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import { TpfConfigProvider } from 'tmgc2-share';\n    import {\n        addWindowResizeHandler,\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import i18n, { changeLocale } from '@/utils/i18n';\n    import { isEmpty } from 'lodash-es';\n\n    export default {\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner',\n        mixins: [i18n],\n        components: {\n            TpfConfigProvider,\n            WidgetPanel,\n            ToolbarPanel,\n            SettingPanel,\n            VFormWidget\n        },\n        props: {\n            /* 保存jsonApi */\n\n            saveJsonApi: {\n                type: Function,\n                default: null\n            },\n            /* 后端字段列表API */\n            fieldListApi: {\n                type: Function,\n                default: null\n            },\n\n            /* 禁止显示的组件名称数组 */\n            bannedWidgets: {\n                type: Array,\n                default: () => []\n            },\n            /* 设计器配置参数 */\n            designerConfig: {\n                type: Object,\n                default: () => {\n                    return {\n                        languageMenu: true, //是否显示语言切换菜单\n                        // externalLink: true, //是否显示GitHub、文档等外部链接\n                        // formTemplates: true, //是否显示表单模板\n                        eventCollapse: true, //是否显示组件事件属性折叠面板\n                        widgetNameReadonly: false, //禁止修改组件名称\n\n                        clearDesignerButton: true, //是否显示清空设计器按钮\n                        previewFormButton: true, //是否显示预览表单按钮\n                        importJsonButton: true, //是否显示导入JSON按钮\n                        exportJsonButton: true, //是否显示导出JSON器按钮\n                        exportCodeButton: true, //是否显示导出代码按钮\n                        // generateSFCButton: true, //是否显示生成SFC按钮\n\n                        toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n                        toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n                        presetCssCode: '', //设计器预设CSS样式代码\n\n                        resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n                    };\n                }\n            },\n\n            /* 全局数据源变量 */\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        data() {\n            return {\n                leftWidth: 270,\n                rightWidth: 300,\n                curLangName: '',\n                curLocale: '',\n                isLoading: false, //是否正在加载中\n                vsCodeFlag: false,\n                caseName: '',\n\n                docUrl: 'https://www.vform666.com/document3.html',\n                gitUrl: 'https://github.com/vform666/variant-form3-vite',\n                chatUrl: 'https://www.vform666.com/pages/chat-group/',\n                subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n                scrollerHeight: 0,\n\n                designer: createDesigner(this),\n\n                fieldList: []\n            };\n        },\n        provide() {\n            return {\n                serverFieldList: () => this.fieldList,\n                getDesignerConfig: () => this.designerConfig,\n                getBannedWidgets: () => this.bannedWidgets\n            };\n        },\n        created() {\n            // this.vsCodeFlag = getQueryParam('vscode') == 1;\n            // this.caseName = getQueryParam('case');\n        },\n        mounted() {\n            this.initLocale();\n\n            this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n                });\n            });\n\n            this.loadFieldListFromServer();\n        },\n        methods: {\n            setLoading(flag) {\n                this.isLoading = flag;\n            },\n            changeLeftWidth() {\n                if (this.leftWidth === 270) {\n                    this.leftWidth = 0;\n                } else {\n                    this.leftWidth = 270;\n                }\n            },\n            changeRightWidth() {\n                if (this.rightWidth === 300) {\n                    this.rightWidth = 0;\n                } else {\n                    this.rightWidth = 300;\n                }\n            },\n            /**\n             * json回填\n             * @param {*} importObj\n             */\n            setJsonImport(importObj = {}) {\n                if (isEmpty(importObj)) return;\n                try {\n                    if (!importObj || !importObj.formConfig) {\n                        throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n                    }\n\n                    // const fJsonVer = importObj?.formConfig?.jsonVersion || '';\n                    // if (!fJsonVer || fJsonVer !== 3) {\n                    //   throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n                    // }\n\n                    this.designer.loadFormJson(importObj);\n\n                    this.designer.emitHistoryChange();\n\n                    this.designer.emitEvent('form-json-imported', []);\n                } catch (ex) {\n                    this.$message.error(ex + '');\n                }\n            },\n            testEEH(eventName, eventParams) {\n                console.log('test', eventName);\n                console.log('test222222', eventParams);\n            },\n\n            changeLanguage(langName) {\n                changeLocale(langName);\n            },\n            initLocale() {\n                this.curLocale = localStorage.getItem('lowcode_local');\n                if (!!this.vsCodeFlag) {\n                    this.curLocale = this.curLocale || 'en-US';\n                } else {\n                    this.curLocale = this.curLocale || 'zh-CN';\n                }\n                this.curLangName = this.i18nt('application.' + this.curLocale);\n                this.changeLanguage(this.curLocale);\n            },\n\n            async loadFieldListFromServer() {\n                if (!this.fieldListApi) {\n                    return;\n                }\n                this.fieldList = await this.fieldListApi();\n                console.log('this.fieldList: ', this.fieldList);\n            },\n            setFormJson(formJson) {\n                console.log('formJson: ', formJson);\n                let modifiedFlag = false;\n                if (!!formJson) {\n                    if (typeof formJson === 'string') {\n                        //TODO\n                        modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n                    } else if (formJson.constructor === Object) {\n                        modifiedFlag = this.designer.loadFormJson(formJson);\n                    }\n\n                    if (modifiedFlag) {\n                        this.designer.emitHistoryChange();\n                    }\n                }\n            },\n\n            getFormJson() {\n                return {\n                    widgetList: deepClone(this.designer.widgetList),\n                    formConfig: deepClone(this.designer.formConfig)\n                };\n            },\n\n            clearDesigner() {\n                this.$refs.toolbarRef.clearFormWidget();\n            },\n\n            /**\n             * 刷新表单设计器\n             */\n            refreshDesigner() {\n                //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？\n\n                const fJson = this.getFormJson();\n                this.designer.clearDesigner(true); //不触发历史记录变更\n                this.designer.loadFormJson(fJson);\n            },\n\n            /**\n             * 预览表单\n             */\n            previewForm() {\n                this.$refs.toolbarRef.previewForm();\n            },\n\n            /**\n             * 导入表单JSON\n             */\n            importJson() {\n                this.$refs.toolbarRef.importJson();\n            },\n\n            /**\n             * 导出表单JSON\n             */\n            exportJson() {\n                this.$refs.toolbarRef.exportJson();\n            },\n\n            /**\n             * 导出Vue/HTML代码\n             */\n            exportCode() {\n                this.$refs.toolbarRef.exportCode();\n            },\n\n            /**\n             * 生成SFC代码\n             */\n            generateSFC() {\n                this.$refs.toolbarRef.generateSFC();\n            },\n\n            /**\n             * 获取所有字段组件\n             * @returns {*[]}\n             */\n            getFieldWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllFieldWidgets(widgetList)\n                    : getAllFieldWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 获取所有容器组件\n             * @returns {*[]}\n             */\n            getContainerWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllContainerWidgets(widgetList)\n                    : getAllContainerWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 升级表单json，以补充最新的组件属性\n             * @param formJson\n             */\n            upgradeFormJson(formJson) {\n                if (!formJson.widgetList || !formJson.formConfig) {\n                    this.$message.error('Invalid form json!');\n                    return;\n                }\n\n                traverseAllWidgets(formJson.widgetList, w => {\n                    this.designer.upgradeWidgetConfig(w);\n                });\n                this.designer.upgradeFormConfig(formJson.formConfig);\n\n                return formJson;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n            },\n\n            getSelectedWidgetRef() {\n                return this.$refs['formRef'].getSelectedWidgetRef();\n            },\n\n            /**\n             * 添加数据源对象\n             * @param dsObj\n             */\n            addDataSource(dsObj) {\n                this.designer.formConfig.dataSources.push(dsObj);\n            },\n\n            /**\n             * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n             * @param componentName 外部组件名称\n             * @param externalComponent 外部组件实例\n             */\n            addEC(componentName, externalComponent) {\n                this.externalComponents[componentName] = externalComponent;\n            },\n\n            /**\n             * 判断外部组件是否可获取\n             * @param componentName 外部组件名称\n             * @returns {boolean}\n             */\n            hasEC(componentName) {\n                return this.externalComponents.hasOwnProperty(componentName);\n            },\n\n            /**\n             * 获取外部组件实例\n             * @param componentName\n             * @returns {*}\n             */\n            getEC(componentName) {\n                return this.externalComponents[componentName];\n            }\n\n            //TODO: 增加更多方法！！\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .ant-layout.main-container {\n        background: #fff;\n\n        .ant-layout-sider {\n            background: #fff;\n        }\n\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n    }\n\n    .ant-layout.full-height {\n        height: 100%;\n        overflow-y: hidden;\n    }\n\n    .ant-layout-content.center-layout-container {\n        min-width: 680px;\n        border-left: 2px dotted #ebeef5;\n        border-right: 2px dotted #ebeef5;\n        display: flex;\n        flex-direction: column;\n    }\n    .form-widget-footer {\n        flex: 0 0 50px;\n        align-items: center;\n        background: #fff;\n        display: flex;\n        justify-content: space-between;\n        padding: 0 15px;\n    }\n\n    .ant-layout-header.main-header {\n        border-bottom: 2px dotted #ebeef5;\n        background: #fff;\n        padding: 0;\n\n        height: 48px !important;\n        line-height: 48px !important;\n        min-width: 800px;\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n\n    .ant-layout-header.toolbar-header {\n        font-size: 14px;\n        border-bottom: 1px dotted #cccccc;\n        height: 42px !important;\n        background: #fff;\n        padding: 0;\n    }\n\n    .ant-layout-sider.side-panel {\n        width: 260px !important;\n        overflow-y: hidden;\n    }\n    // .left-aside-toggle-bar {\n    //   position: relative;\n    //   width: 0px;\n    //   .icons {\n    //     position: absolute;\n    //     right: 100%;\n    //     top: 50%;\n    //     transform: translate(100%, -50%);\n    //     z-index: 9999;\n    //     background: #fff;\n    //     width: 12px !important;\n    //     height: 36px !important;\n    //   }\n    // }\n\n    .ant-layout-content.form-widget-main {\n        padding: 0;\n        position: relative;\n        overflow-x: hidden;\n        flex: 1 0 0;\n    }\n\n    .container-scroll-bar {\n        height: 100%;\n        & > :deep(.form-widget-container) {\n            height: 100%;\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","TpfConfigProvider","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_TpfConfigProvider","_createVNode","_component_a_layout","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":"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"}

package/src/components/form-designer/toolbar-panel/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-700f328e"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-296f9fed"]]);
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=index.vue.js.map