super-page-designer 2.1.22 → 2.1.26

package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js

@@ -8,11 +8,18 @@ import { queryTableFields } from "../../../../utils/page-table-util.js";
 import { deepCopy, getUuidv4 } from "../../../../utils/common-util.js";
 import { standardButtonOperations, getDesignConfByName } from "../../../../utils/assemblys-config.js";
 import { usePageContextStore } from "../../../../../../stores/page-store.js";
+import { watchValidate } from "../../../../utils/form-design-util.js";
+import { tableField } from "../../../../../../stores/table-store.js";
+import { setPagetemI18nKey } from "../../../../utils/page-i18n-util.js";
 const _hoisted_1 = { style: { "background-color": "rgba(88, 147, 239, 0.06)", "padding": "10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "quick-add-dialog",
+  props: {
+    pageDesign: {}
+  },
   emits: ["close"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
     const pageDesignUtil = usePageContextStore();
     const pageDesign = pageDesignUtil.pageContext ? pageDesignUtil.pageContext : {};
     const emits = __emit;
@@ -32,6 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       modelFields: [],
       fieldInfos: []
     });
+    const tableFieldStore = tableField();
     const typeSelectMap = {};
     function btnSelectChange() {
       if (model.pageType) {
@@ -128,6 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const systemVersion = tableInfo.systemVersion ? tableInfo.systemVersion : pageDesign.systemVersion;
         queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
           model.modelFields = tableFields;
+          tableFieldStore.addFieldList(tableFields);
           if (addFieldsRef.value) {
             addFieldsRef.value.updateInitFields();
           }
@@ -238,6 +247,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               valids.splice(validIndex, 1);
             }
             itemConf.props.verification.type = valids;
+            watchValidate(itemConf, itemConf.props.verification, null);
           }
           if (f.state) {
             itemConf.props.base.state = f.state;
@@ -275,6 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           const newColumn = deepCopy(templateItem);
           newColumn.uuid = getUuidv4();
+          newColumn.isTable = true;
           newColumn.name = f.componentName ? f.componentName : "";
           newColumn.title = f.title;
           newColumn.props.base.displayOrder = displayOrderStart++;
@@ -389,6 +400,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (newItems) {
         for (let item of newItems) {
           pageDesign.items.push(item);
+          setPagetemI18nKey(item, props.pageDesign);
         }
       }
       pageDesign.pageType = model.pageType;

package/dist/es/components/design/views/design/view/page-switch.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "change-page": (...args: any[]) => void;
+    "init-loaded": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     pageDesign: {
         type: ObjectConstructor;
@@ -12,6 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>> & {
     "onChange-page"?: (...args: any[]) => any;
+    "onInit-loaded"?: (...args: any[]) => any;
 }, {
     pageDesign: Record<string, any>;
 }, {}>;

package/dist/es/components/design/views/design/view/page-switch.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./page-switch.vue2.js";
-/* empty css                 */
+import "./page-switch.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-56a8e877"]]);
+const PageSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e6e7cea"]]);
 export {
   PageSwitch as default
 };

package/dist/es/components/design/views/design/view/page-switch.vue2.js

@@ -21,10 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       default: () => ({})
     }
   },
-  emits: ["change-page"],
+  emits: ["change-page", "init-loaded"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emtis = __emit;
+    const emits = __emit;
     const popoverVisible = ref(false);
     const selectedValue = ref("");
     const cascaderRef = ref();
@@ -35,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       leaf: "leaf",
       emitPath: false,
       lazy: true,
-      lazyLoad: loadNodes
+      lazyLoad: loadNodes,
+      expandTrigger: "hover"
     });
     const systemId = ref(-1);
     const filterValue = ref("");
@@ -56,6 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (systemId.value === -1) {
         await http.get(window["$vueApp"].config.globalProperties.baseAPI + "/mms/systems/getByCode/" + props.pageDesign.systemCode).then((res) => {
           if (res) {
+            emits("init-loaded", { system: res });
             systemId.value = res.id;
           }
         });
@@ -86,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           type: "warning"
         }).then(() => {
           popoverRef.value.hide();
-          emtis("change-page", pageId);
+          emits("change-page", pageId);
         }).catch(() => {
           console.log("取消切换...");
           cascaderRef.value.clearCheckedNodes();

package/dist/es/components/design/views/design/view/page-switch.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -15,12 +15,13 @@ import "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
-/* empty css                        */
+import "../page-event/config.vue.js";
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
 import _sfc_main$3 from "./components/quick-add-dialog.vue.js";
+import _sfc_main$4 from "./components/i18n-setting.vue.js";
 import { setTableRuntimesFromConfigure } from "../../../utils/page-table-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { deleteDesignItem } from "../../../utils/page-design-util.js";
@@ -31,9 +32,10 @@ const _hoisted_4 = {
   class: "amb-design-tool-item",
   style: { "padding-right": "20px" }
 };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "国际化配置", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design-display",
   props: {
@@ -53,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const quickAddDialogRef = ref(null);
+    const i18nSettingRef = ref(null);
     const $emits = __emit;
     if (props.configure.props == void 0) {
       props.configure.props = {};
@@ -261,10 +264,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function openI18nSetting() {
+      var _a;
+      (_a = i18nSettingRef.value) == null ? void 0 : _a.show();
+    }
     __expose({ onSelectEvent, addEvent, changeEvent });
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_divider = resolveComponent("el-divider");
+      const _component_Setting = resolveComponent("Setting");
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
           class: "amb-design-content",
@@ -321,21 +329,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4, [
                 createElementVNode("label", {
                   class: "amb-page-type",
-                  onClick: _cache[3] || (_cache[3] = ($event) => quickAdd())
+                  onClick: _cache[3] || (_cache[3] = ($event) => openI18nSetting())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
-                      createVNode(unref(Plus))
+                      createVNode(_component_Setting)
                     ]),
                     _: 1
                   }),
                   _hoisted_5
                 ]),
+                createElementVNode("label", {
+                  class: "amb-page-type",
+                  onClick: _cache[4] || (_cache[4] = ($event) => quickAdd())
+                }, [
+                  createVNode(_component_el_icon, { size: 18 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Plus))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_6
+                ]),
                 createVNode(_component_el_divider, { direction: "vertical" }),
                 createElementVNode("label", {
                   class: "amb-page-type",
                   style: { "margin-left": "0px" },
-                  onClick: _cache[4] || (_cache[4] = ($event) => saveForm())
+                  onClick: _cache[5] || (_cache[5] = ($event) => saveForm())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
@@ -343,13 +363,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _hoisted_6
+                  _hoisted_7
                 ]),
                 createVNode(_component_el_divider, { direction: "vertical" }),
                 createElementVNode("label", {
                   class: "amb-page-type",
                   style: { "margin-left": "0px" },
-                  onClick: _cache[5] || (_cache[5] = ($event) => preview())
+                  onClick: _cache[6] || (_cache[6] = ($event) => preview())
                 }, [
                   createVNode(_component_el_icon, { size: 18 }, {
                     default: withCtx(() => [
@@ -357,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _hoisted_7
+                  _hoisted_8
                 ])
               ])
             ])
@@ -390,13 +410,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           pageDesign: pageDesignPreview.value,
           modelValue: previewVisible.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => previewVisible.value = $event),
-          onClose: _cache[7] || (_cache[7] = ($event) => previewVisible.value = false)
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => previewVisible.value = $event),
+          onClose: _cache[8] || (_cache[8] = ($event) => previewVisible.value = false)
         }, null, 8, ["pageDesign", "modelValue"])) : createCommentVNode("", true),
         createVNode(_sfc_main$3, {
           ref_key: "quickAddDialogRef",
-          ref: quickAddDialogRef
-        }, null, 512)
+          ref: quickAddDialogRef,
+          pageDesign: _ctx.configure
+        }, null, 8, ["pageDesign"]),
+        createVNode(_sfc_main$4, {
+          ref_key: "i18nSettingRef",
+          ref: i18nSettingRef,
+          pageDesign: _ctx.configure
+        }, null, 8, ["pageDesign"])
       ], 64);
     };
   }

package/dist/es/components/design/views/design/view/view-design.vue.d.ts

@@ -1,7 +1,8 @@
-import { PageDesign } from '../../../utils/interfaces/page-design-types';
+import { PageDesign, System } from '../../../utils/interfaces/page-design-types';
 
 interface MyProps {
     configure: PageDesign;
+    system: System;
 }
 /**watch(selectWidget,(newNum)=>{
         if(attrContainerRef&&attrContainerRef.value){

package/dist/es/components/design/views/design/view/view-design.vue.js

@@ -5,7 +5,8 @@ import _sfc_main$3 from "./attr-container.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "view-design",
   props: {
-    configure: {}
+    configure: {},
+    system: {}
   },
   emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -118,9 +119,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_sfc_main$3, {
                 pageInfo: _ctx.configure,
+                system: _ctx.system,
                 ref_key: "attrContainerRef",
                 ref: attrContainerRef
-              }, null, 8, ["pageInfo"])
+              }, null, 8, ["pageInfo", "system"])
             ]),
             _: 1
           })

package/dist/es/index.js

@@ -1,5 +1,5 @@
-/* empty css                       */
-/* empty css                          */
+import "./assets/design-attr.css.js";
+import "./assets/fonts/iconfont.css.js";
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
 export {
   default2 as Design

package/dist/es/stores/page-store.d.ts

@@ -4,20 +4,26 @@ interface PageContextVarOptions {
 export declare const usePageContextStore: import('pinia').StoreDefinition<"pageContextUtil", import('pinia')._UnwrapAll<Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
-}, "pageContext" | "pageContextVarOptions">>, Pick<{
+    setEnableI18n: (enabled: boolean) => void;
+}, "pageContext" | "pageContextVarOptions" | "enabledI18n">>, Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
+    setEnableI18n: (enabled: boolean) => void;
 }, "pageContext">, Pick<{
     pageContext: any;
     pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    enabledI18n: import('vue').Ref<boolean>;
     setPageContext: (newPageContext: any) => void;
     getModelField: (fieldName: string) => any | null;
     getPagePermissionOptions: () => Array<any>;
-}, "pageContext" | "setPageContext" | "getModelField" | "getPagePermissionOptions">>;
+    setEnableI18n: (enabled: boolean) => void;
+}, "pageContext" | "setPageContext" | "getModelField" | "getPagePermissionOptions" | "setEnableI18n">>;
 export {};

package/dist/es/stores/page-store.js

@@ -4,6 +4,7 @@ import { FuncType } from "super-page-runtime";
 import { getModelOptionsByFields } from "../components/design/utils/page-table-util.js";
 const usePageContextStore = defineStore("pageContextUtil", () => {
   const pageContext = ref({ systemCode: "", systemVersion: -1 });
+  const enabledI18n = ref(false);
   ref([]);
   const pageContextVarOptions = ref({
     dataOptions: [],
@@ -24,7 +25,8 @@ const usePageContextStore = defineStore("pageContextUtil", () => {
     const tempVarOptions = [];
     if (variables) {
       variables.forEach((element) => {
-        if (element.name === "bbb") ;
+        if (element.name === "bbb")
+          ;
         const item = {
           code: element.code,
           value: element.name,
@@ -75,12 +77,17 @@ const usePageContextStore = defineStore("pageContextUtil", () => {
     }
     return options;
   }
+  function setEnableI18n(enabled) {
+    enabledI18n.value = enabled;
+  }
   return {
     pageContext,
     pageContextVarOptions,
+    enabledI18n,
     setPageContext,
     getModelField,
-    getPagePermissionOptions
+    getPagePermissionOptions,
+    setEnableI18n
   };
 });
 export {