gds-plus-design-vue 1.2.63 → 1.2.72

package/lib/mobile.designer.menutree.7d3b783d.mjs

@@ -0,0 +1,1036 @@
+import { s as u, a as m, b, c as K } from "./http.menumanage.3060f4c7.mjs";
+import { s as $, g as v, a as C, b as T } from "./http.appmanage.e389782d.mjs";
+import { m as y, n as f, a as _ } from "./components.chartbi.7356b244.mjs";
+import x from "./components.iconselector.d2d970ba.mjs";
+import { u as p, m as w } from "./utils.util.js.333daba2.mjs";
+import { G as k, a as D } from "./http.translationmanage.f8694b51.mjs";
+import { M as L } from "./page.designer.menutree.e4ce1e90.mjs";
+const A = [{
+  name: "\u901A\u8BAF",
+  transKey: null,
+  list: [{
+    name: "\u6D88\u606F",
+    transKey: null,
+    component: "GdPageBuild",
+    code: "gdsys_app_chat_messages",
+    router: "chatMessages",
+    icon: "gd-icon-xitong",
+    url: "",
+    viewWeights: "1",
+    weight: "2",
+    sort: 100,
+    visible: "Y",
+    remark: "",
+    pageType: "sysBuiltin",
+    pageContent: {
+      type: "sysComponents",
+      key: "",
+      label: "\u6D88\u606F",
+      icon: "gd-icon-xitong",
+      transKey: null,
+      component: "chatMessages",
+      options: {},
+      css: {},
+      defined: {
+        pc: {},
+        mobile: {}
+      }
+    },
+    list: []
+  }, {
+    name: "\u901A\u8BAF\u5F55",
+    transKey: null,
+    component: "GdPageBuild",
+    code: "gdsys_app_contacts",
+    router: "contacts",
+    icon: "gd-icon-xitong",
+    url: "",
+    viewWeights: "1",
+    weight: "2",
+    sort: 100,
+    visible: "Y",
+    remark: "",
+    pageType: "sysBuiltin",
+    pageContent: {
+      type: "sysComponents",
+      key: "",
+      label: "\u901A\u8BAF\u5F55",
+      icon: "gd-icon-xitong",
+      transKey: null,
+      component: "contacts",
+      options: {},
+      css: {},
+      defined: {
+        pc: {},
+        mobile: {}
+      }
+    },
+    list: []
+  }]
+}], I = A, h = [
+  {
+    code: "dataList",
+    name: "\u6570\u636E\u5217\u8868",
+    transKey: ""
+  },
+  {
+    code: "dataDetails",
+    name: "\u6570\u636E\u8BE6\u60C5",
+    transKey: ""
+  },
+  {
+    code: "dataForm",
+    name: "\u6570\u636E\u8868\u5355",
+    transKey: ""
+  },
+  {
+    code: "dataLookup",
+    name: "\u6570\u636E\u67E5\u627E",
+    transKey: ""
+  },
+  {
+    code: "funConfig",
+    name: "\u529F\u80FD\u914D\u7F6E",
+    transKey: ""
+  },
+  {
+    code: "webView",
+    name: "\u5916\u94FE\u63A5",
+    transKey: ""
+  },
+  {
+    code: "sysBuiltin",
+    name: "\u7CFB\u7EDF\u5185\u7F6E",
+    transKey: ""
+  }
+], Y = [{
+  code: "WEB",
+  name: "H5",
+  transKey: ""
+}, {
+  code: "APP-PLUS",
+  name: "App",
+  transKey: ""
+}];
+const S = {
+  suffixKey: {
+    type: String,
+    default: "_m"
+  },
+  data() {
+    return {
+      sysCode: "GDS_LCDP",
+      type: "created",
+      width: "800px",
+      record: null,
+      confirmLoading: !1,
+      visible: !1,
+      fullscreen: !1,
+      buttons: [
+        {
+          displayName: "\u4E0B\u4E00\u6B65",
+          functionName: "next",
+          show: !0,
+          transKey: "gd.btn.next",
+          icon: "el-icon-d-arrow-right"
+        },
+        {
+          displayName: "\u4E0A\u4E00\u6B65",
+          functionName: "prev",
+          show: !0,
+          transKey: "gd.btn.prev",
+          icon: "el-icon-d-arrow-left"
+        },
+        {
+          displayName: "\u786E\u5B9A",
+          functionName: "handleSubmit",
+          show: !0,
+          transKey: "gd.btn.confirm",
+          icon: "el-icon-document-checked"
+        }
+      ],
+      disabledBtns: ["prev"],
+      selType: "directory",
+      mode: 1,
+      ruleForm: {
+        name: "",
+        code: "",
+        router: "",
+        icon: "",
+        weight: "2",
+        viewWeights: "2",
+        sysCodeGenName: "",
+        sort: 100,
+        visible: "Y",
+        remark: "",
+        pageType: "dataList"
+      },
+      rules: {
+        name: [{ required: !0, message: this.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), trigger: "blur" }],
+        code: [{ required: !0, message: this.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), trigger: "blur" }],
+        router: [{ required: !0, message: this.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), trigger: "blur" }],
+        pageType: [{ required: !0, message: this.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), trigger: "blur" }],
+        sort: [
+          { required: !0, message: this.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), trigger: "blur" },
+          { type: "number", message: this.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }
+        ]
+      },
+      activeKey: 1,
+      contentTransKey: []
+    };
+  },
+  components: { iconSelector: x },
+  computed: {
+    getPageType() {
+      return console.log(h), h.filter((s) => s.code !== "sysBuiltin");
+    },
+    languageMessages() {
+      return this.$i18n.messages;
+    },
+    list() {
+      return I;
+    },
+    fadeColord() {
+      return this.fadeColor(this.primaryColor, 0.1);
+    },
+    getButtons() {
+      return this.buttons.filter((s) => !this.disabledBtns.includes(s.functionName));
+    },
+    modeList() {
+      return [
+        { name: "\u7A7A\u767D\u76EE\u5F55", code: "directory", transKey: "gd.menuTree.blankDirectory" },
+        { name: "\u7A7A\u767D\u9875\u9762", code: "page", transKey: "gd.menuTree.blankPage" }
+      ];
+    },
+    systemInfoCode() {
+      return this.record.code === this.sysCode ? "" : `_${this.record.code}_`;
+    },
+    ...y(["primaryColor", "tableLists"])
+  },
+  methods: {
+    selItem(s) {
+      this.$confirm(this.$i18nt("gd.https.createdContent", "\u662F\u5426\u521B\u5EFA\u9009\u4E2D\u6570\u636E?"), this.$i18nt("gd.https.delTitle", "\u6E29\u99A8\u63D0\u793A"), {
+        confirmButtonText: this.$i18nt("gd.https.createdOk", "\u786E\u8BA4\u521B\u5EFA"),
+        cancelButtonText: this.$i18nt("gd.https.delCancel", "\u53D6\u6D88"),
+        showClose: !1,
+        confirmButtonLoading: !1,
+        cancelButtonLoading: !1,
+        closeOnClickModal: !1,
+        type: "warning",
+        confirmButtonClass: "el-button--danger",
+        customClass: "custom-alert",
+        callback: () => {
+        },
+        beforeClose: (e, t, i) => {
+          if (e !== "confirm") {
+            i();
+            return;
+          }
+          this.addPageMode(e, t, i, s);
+        }
+      });
+    },
+    addPageMode(s, e, t, i) {
+      const n = [...i.list];
+      e.confirmButtonLoading = !0, e.cancelButtonLoading = !0, e.showCancelButton = !1, this.confirmLoading = !0;
+      const a = Object.assign({ ...i.pageContent }, { key: `${i.pageContent.type}_${p(8)}` });
+      let r = {
+        pid: this.record.modeType === "application" ? 0 : this.record.id,
+        application: this.record.modeType === "application" ? this.record.code : this.record.application,
+        openType: "1",
+        type: "1",
+        webSource: null,
+        pageContent: JSON.stringify({
+          config: {
+            pageType: i.pageType
+          },
+          list: [a]
+        }),
+        expansion: JSON.stringify({
+          padding: [0, 0, 0, 0],
+          margin: [0, 0, 0, 0],
+          bjColor: "#fff",
+          radius: [0, 0, 0, 0],
+          customCss: "",
+          customClass: ""
+        }),
+        sysAppsId: this.record.sysAppsIded,
+        list: [],
+        code: this.systemInfoCode + i.code,
+        router: this.systemInfoCode === "" ? i.router : i.router + p(4, !1)
+      };
+      u(Object.assign({ ...i }, r)).then((o) => {
+        o.success ? this.addPermission(n, o.data, t, e) : (this.confirmLoading = !1, t(), e.confirmButtonLoading = !1, e.cancelButtonLoading = !1, e.showCancelButton = !0, this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + o.message));
+      });
+    },
+    addPermission(s, e, t, i) {
+      let n = [], a = {
+        pid: e,
+        application: this.record.modeType === "application" ? this.record.code : this.record.application,
+        openType: "0",
+        type: "2",
+        webSource: null,
+        pageContent: JSON.stringify({
+          list: []
+        }),
+        sysAppsId: this.record.sysAppsIded,
+        list: []
+      };
+      s.forEach((r) => {
+        let o = this.addSysMenuAddV2(Object.assign(r, { ...a }, { code: this.systemInfoCode + r.code })).then((l) => l);
+        n.push(o);
+      }), Promise.all(n).then(() => {
+        this.closed(), this.$emit("ok"), this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F")), t(), i.confirmButtonLoading = !1, i.cancelButtonLoading = !1, i.showCancelButton = !0, this.confirmLoading = !1;
+      });
+    },
+    changeKey(s) {
+      s !== this.activeKey && (this.activeKey = s);
+    },
+    createItem(s) {
+      this.activeKey = 1, this.type = "copy", this.visible = !0, this.confirmLoading = !0, this.disabledBtns = ["prev", "next"], this.mode = 2, this.selType = s.modetype, m({ id: s.id }).then((e) => {
+        let t = { ...s };
+        e.code === 200 && (t = { ...e.data }), this.record = Object.assign(t, { sysAppsIded: s.sysAppsIded });
+        const i = p(9, !1);
+        this.ruleForm = {
+          name: t.name,
+          code: i,
+          router: i,
+          icon: t.icon,
+          viewWeights: t.viewweights,
+          weight: String(t.weight),
+          sort: t.sort,
+          visible: t.visible,
+          remark: t.remark,
+          sysCodeGenName: ""
+        }, this.delContentTransKey(), this.getAllLanguage(), this.confirmLoading = !1;
+      });
+    },
+    regenerateKey(s) {
+      return s && `${s.replace(this.suffixKey, "")}${p(2, !0, !1)}${this.suffixKey}`;
+    },
+    async delContentTransKey() {
+      let s = [], e = {};
+      const t = (n) => (n = n.filter((a, r) => {
+        if (["gridMenu", "graphicMenu"].includes(a.type))
+          a.menuList = a.menuList.map((o) => (e = {
+            transKey: this.regenerateKey(o.transKey),
+            describeTransKey: this.regenerateKey(o.describeTransKey)
+          }, s = s.concat([
+            {
+              oldKey: o.transKey,
+              newKey: e.transKey,
+              name: this.$i18nt(`Dynamics.${o.transKey}`, o.title)
+            },
+            {
+              oldKey: o.describeTransKey,
+              newKey: e.describeTransKey,
+              name: this.$i18nt(`Dynamics.${o.describeTransKey}`, o.describe)
+            }
+          ]), Object.assign({ ...o }, e)));
+        else if (["btnGroup"].includes(a.type))
+          a.btnList = a.btnList.map((o) => o.btnMode === "btn" ? (e = { transKey: this.regenerateKey(o.transKey) }, s.push({
+            oldKey: o.transKey,
+            newKey: e.transKey,
+            name: this.$i18nt(`Dynamics.${o.transKey}`, o.displayName)
+          }), Object.assign({ ...o }, e)) : o);
+        else if (["textSearch"].includes(a.type))
+          e = { placeholderTransKey: this.regenerateKey(a.options.placeholderTransKey) }, s.push({
+            oldKey: a.options.placeholderTransKey,
+            newKey: e.placeholderTransKey,
+            name: this.$i18nt(`Dynamics.${a.options.placeholderTransKey}`, a.options.placeholder)
+          }), a.options = Object.assign({ ...a.options }, e);
+        else if (["divider", "textContent", "tag", "link", "card", "approval", "approvalHistory", "auditLog"].includes(a.type)) {
+          e = { transKey: this.regenerateKey(a.options.transKey) };
+          const o = ["card"].includes(a.type) ? a.options.header : ["approval", "approvalHistory", "auditLog"].includes(a.type) ? a.label : a.options.title;
+          s.push({
+            oldKey: a.options.transKey,
+            newKey: e.transKey,
+            name: this.$i18nt(`Dynamics.${a.options.transKey}`, o)
+          }), a.options = Object.assign({ ...a.options }, e);
+        } else
+          ["title"].includes(a.type) ? (e = {
+            transKey: this.regenerateKey(a.options.transKey),
+            subtransKey: this.regenerateKey(a.options.subtransKey)
+          }, s = s.concat([
+            {
+              oldKey: a.options.transKey,
+              newKey: e.transKey,
+              name: this.$i18nt(`Dynamics.${a.options.transKey}`, a.options.title)
+            },
+            {
+              oldKey: a.options.subtransKey,
+              newKey: e.subtransKey,
+              name: this.$i18nt(`Dynamics.${a.options.subtransKey}`, a.options.subtitle)
+            }
+          ]), a.options = Object.assign({ ...a.options }, e)) : ["statistic"].includes(a.type) ? (e = {
+            transKey: this.regenerateKey(a.options.transKey),
+            prefixTransKey: this.regenerateKey(a.options.titlePrefix.transKey),
+            suffixTransKey: this.regenerateKey(a.options.titleSuffix.transKey)
+          }, s = s.concat([
+            {
+              oldKey: a.options.transKey,
+              newKey: e.transKey,
+              name: this.$i18nt(`Dynamics.${a.options.transKey}`, a.options.statisticTitle)
+            },
+            {
+              oldKey: a.options.titlePrefix.transKey,
+              newKey: e.prefixTransKey,
+              name: this.$i18nt(`Dynamics.${a.options.titlePrefix.transKey}`, a.options.titlePrefix.name)
+            },
+            {
+              oldKey: a.options.titleSuffix.transKey,
+              newKey: e.suffixTransKey,
+              name: this.$i18nt(`Dynamics.${a.options.titleSuffix.transKey}`, a.options.titleSuffix.name)
+            }
+          ]), a.options = Object.assign(
+            { ...a.options },
+            {
+              transKey: e.transKey,
+              titlePrefix: Object.assign(
+                { ...a.titlePrefix },
+                {
+                  transKey: e.prefixTransKey
+                }
+              ),
+              titleSuffix: Object.assign(
+                { ...a.titleSuffix },
+                {
+                  transKey: e.prefixTransKey
+                }
+              )
+            }
+          )) : [
+            "input",
+            "textarea",
+            "editor",
+            "inputNumber",
+            "switch",
+            "radio",
+            "checkbox",
+            "select",
+            "selectMultiple",
+            "uploadImg",
+            "uploadFile",
+            "datePicker",
+            "timePicker"
+          ].includes(a.type) && (e = {
+            transKey: this.regenerateKey(a.options.transKey),
+            placeholderTransKey: this.regenerateKey(a.options.placeholderTransKey)
+          }, s = s.concat([
+            {
+              oldKey: a.options.transKey,
+              newKey: e.transKey,
+              name: this.$i18nt(`Dynamics.${a.options.transKey}`, a.label)
+            },
+            {
+              oldKey: a.options.placeholderTransKey,
+              newKey: e.placeholderTransKey,
+              name: this.$i18nt(`Dynamics.${a.options.placeholderTransKey}`, a.options.placeholder)
+            }
+          ]), a.options = Object.assign({ ...a.options }, e));
+        return a.columns ? a.columns.forEach((o, l) => {
+          ["collapse", "tabs"].includes(a.type) && (e = { transKey: this.regenerateKey(o.transKey) }, s.push({
+            oldKey: o.transKey,
+            newKey: e.transKey,
+            name: this.$i18nt(`Dynamics.${o.transKey}`, o.label)
+          }), a.columns[l].transKey = e.transKey), t(o.list);
+        }) : a.list && t(a.list), !0;
+      }), n), i = this.record.pagecontent ? JSON.parse(this.record.pagecontent) : { list: [] };
+      await t(i.list), this.contentTransKey = s;
+    },
+    getAllLanguage() {
+      k().then((s) => {
+        s.code === 200 && (this.translationLangs = s.data);
+      });
+    },
+    batchAddTransKey() {
+      const s = this.contentTransKey.filter((t) => t.oldKey);
+      if (this.type === "created" || s.length === 0)
+        return new Promise((t) => {
+          t();
+        });
+      let e = [];
+      return s.forEach((t) => {
+        e.push(this.batchAddTranslation(t));
+      }), D(e).then((t) => t);
+    },
+    batchAddTranslation(s) {
+      let e = [];
+      return this.translationLangs.forEach((t) => {
+        const i = w(t.languagecode, `Dynamics.${s.oldKey}`, s.name);
+        e.push(
+          Object.assign(
+            { ...t },
+            {
+              description: i
+            }
+          )
+        );
+      }), {
+        defaulttext: s.name,
+        hintcatalogid: "",
+        name: s.newKey,
+        type: "3",
+        langs: e
+      };
+    },
+    handleSubmit() {
+      this.confirmLoading = !0, this.$refs.ruleForm.validate((s) => {
+        if (!s) {
+          this.confirmLoading = !1;
+          return;
+        }
+        this.selType === "directory" ? this.addDirectory() : this.addPage();
+      });
+    },
+    addPage() {
+      const s = this.type === "created" ? {
+        pid: this.record.modeType === "application" ? 0 : this.record.id,
+        application: this.record.modeType === "application" ? this.record.code : this.record.application,
+        openType: "1",
+        type: "1",
+        component: "GdPageBuild",
+        webSource: null,
+        pageContent: JSON.stringify({
+          config: {
+            pageType: this.ruleForm.pageType
+          },
+          list: []
+        }),
+        expansion: JSON.stringify({
+          padding: [12, 12, 12, 12],
+          margin: [0, 0, 0, 0],
+          bjColor: "#fff",
+          radius: [0, 0, 0, 0],
+          customCss: "",
+          customClass: ""
+        }),
+        sysAppsId: this.record.sysAppsIded
+      } : {
+        pid: this.record.pid,
+        application: this.record.application,
+        openType: this.record.opentype,
+        type: this.record.type,
+        component: this.record.component,
+        webSource: this.record.websource,
+        pageContent: this.record.pagecontent,
+        sysAppsId: this.record.sysAppsIded
+      };
+      u(Object.assign({ ...this.ruleForm }, s)).then((e) => {
+        e.success ? (this.batchAddTransKey(), this.closed(), this.$emit("ok"), this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F"))) : this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + e.message), this.confirmLoading = !1;
+      });
+    },
+    addDirectory() {
+      const s = this.type === "created" ? {
+        pid: 0,
+        application: this.record.code,
+        openType: "0",
+        type: "0",
+        component: "PageView",
+        webSource: null,
+        pageContent: JSON.stringify({
+          config: {
+            pageType: "sysBuiltin"
+          },
+          list: []
+        }),
+        expansion: JSON.stringify({
+          padding: [12, 12, 12, 12],
+          margin: [0, 0, 0, 0],
+          bjColor: "#fff",
+          radius: [0, 0, 0, 0],
+          customCss: "",
+          customClass: ""
+        }),
+        sysAppsId: this.record.sysAppsIded
+      } : {
+        pid: this.record.pid,
+        application: this.record.application,
+        openType: this.record.openType,
+        type: this.record.type,
+        component: this.record.component,
+        webSource: this.record.webSource,
+        pageContent: this.record.pageContent,
+        sysAppsId: this.record.sysAppsIded
+      };
+      u(Object.assign({ ...this.ruleForm }, s)).then((e) => {
+        e.success ? (this.closed(), this.$emit("ok"), this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F"))) : this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + e.message), this.confirmLoading = !1;
+      });
+    },
+    addSysMenuAddV2(s) {
+      return u(s).then((e) => e);
+    },
+    next() {
+      this.disabledBtns = ["next"], this.mode = 2;
+    },
+    prev() {
+      this.disabledBtns = ["prev", "handleSubmit"], this.mode = 1;
+    },
+    open(s) {
+      this.activeKey = 1, this.type = "created", this.record = s, this.visible = !0;
+      const e = p(9, !1);
+      if (this.ruleForm = Object.assign(this.ruleForm, {
+        code: e,
+        router: e,
+        sysCodeGenName: ""
+      }), s.modeType === "application") {
+        this.disabledBtns = ["prev", "handleSubmit"], this.selType = "directory", this.mode = 1;
+        return;
+      }
+      this.disabledBtns = ["prev", "next"], this.mode = 2, this.selType = "page";
+    },
+    closed() {
+      this.$refs.ruleForm && this.$refs.ruleForm.resetFields(), this.visible = !1, this.mode = 1, this.selType = "directory", this.fullscreen = !1;
+    },
+    doEvent(s) {
+      let e = s.item.functionName;
+      this[e] && this[e]();
+    },
+    handleIcon() {
+      this.$refs.iconSelector.open();
+    },
+    toggleFullscreen() {
+      this.fullscreen = !this.fullscreen;
+    },
+    fadeColor(s, e) {
+      let t = parseInt(s.substring(1, 3), 16), i = parseInt(s.substring(3, 5), 16), n = parseInt(s.substring(5, 7), 16);
+      return `rgba(${t},${i},${n},${e})`;
+    },
+    getDictionary(s) {
+      return this.$options.filters.dictData(s);
+    },
+    getTransKey(s) {
+      let e = `STF_T${s.code}_${p(8)}`, t = [
+        {
+          val: s.name,
+          code: "zh_CN"
+        },
+        {
+          val: s.name,
+          code: "en_US"
+        },
+        {
+          val: s.name,
+          code: "vi_VN"
+        },
+        {
+          val: s.name,
+          code: "id_ID"
+        }
+      ];
+      return JSON.stringify({ name: e, langs: t });
+    }
+  }
+};
+var P = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("el-dialog", { directives: [{ name: "drag", rawName: "v-drag" }], ref: "dialog", class: e.fullscreen ? "gd-dialog gd-dialog-fangda" : "gd-dialog", attrs: { fullscreen: e.fullscreen, visible: e.visible, width: e.width, center: !0, "close-on-click-modal": !1, "append-to-body": !0, "modal-append-to-body": !1, top: "80px", "show-close": !1 }, on: { "update:visible": function(i) {
+    e.visible = i;
+  }, closed: e.closed } }, [t("gd-modal-title", { attrs: { slot: "title", title: e.$i18nt("gd.btn.add", "\u65B0\u589E"), fullscreen: e.fullscreen, buttons: e.getButtons, confirmLoading: e.confirmLoading, showClose: !0 }, on: { changeEvent: e.doEvent }, slot: "title" }), t("div", { directives: [{ name: "loading", rawName: "v-loading", value: e.confirmLoading, expression: "confirmLoading" }] }, [e.mode === 1 ? [t("el-alert", { attrs: { title: e.$i18nt("gd.menuTree.ppleaseSelectANewType", "\u8BF7\u9009\u62E9\u65B0\u5EFA\u7C7B\u578B"), type: "info", closable: !1, "show-icon": "" } }), t("div", { staticClass: "page-mode" }, e._l(e.modeList, function(i) {
+    return t("div", { key: i.code, staticClass: "item", class: i.code === e.selType ? "item-mode" : "", on: { click: function(n) {
+      e.selType = i.code;
+    } } }, [t("i", { staticClass: "el-icon-plus" }), t("div", { staticClass: "name" }, [e._v(e._s(e.$i18nt(i.transKey, i.name)))])]);
+  }), 0)] : t("div", { staticClass: "page-flex", class: e.fullscreen ? "page-flex-big" : "", style: { "--dilute": e.fadeColord } }, [e.selType === "page" ? t("div", { staticClass: "page-flex-l" }, [t("div", { staticClass: "item", class: e.activeKey === 1 ? "item-active" : "", on: { click: function(i) {
+    return e.changeKey(1);
+  } } }, [t("i", { staticClass: "el-icon-circle-plus" }), t("span", { staticClass: "name" }, [e._v(e._s(e.$i18nt("gd.menuTree.blankPage", "\u7A7A\u767D\u9875\u9762")))])]), t("el-divider"), t("div", { staticClass: "item", class: e.activeKey === 2 ? "item-active" : "", on: { click: function(i) {
+    return e.changeKey(2);
+  } } }, [t("i", { staticClass: "gd-icons gd-icon-xitong" }), t("span", { staticClass: "name" }, [e._v(e._s(e.$i18nt("gd.menuTree.systemPage", "\u7CFB\u7EDF\u9875\u9762")))])])], 1) : e._e(), t("div", { staticClass: "page-flex-r" }, [t("el-form", { directives: [{ name: "show", rawName: "v-show", value: e.activeKey === 1, expression: "activeKey === 1" }], ref: "ruleForm", staticStyle: { width: "90%", margin: "0 auto" }, attrs: { model: e.ruleForm, rules: e.rules, "label-width": "140px", size: "mini" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.name", "\u540D\u79F0"), prop: "name" } }, [t("div", { staticClass: "gd-form-item-displayName" }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: e.ruleForm.name, callback: function(i) {
+    e.$set(e.ruleForm, "name", i);
+  }, expression: "ruleForm.name" } }), e.ruleForm.name && !e.ruleForm.transkey ? t("gd-translation", { ref: "gdTranslation", attrs: { transKey: e.getTransKey(e.ruleForm, 2), recordData: e.ruleForm, type: 3 } }) : e._e()], 1)]), t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.code", "\u552F\u4E00\u7F16\u7801"), prop: "code" } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: e.ruleForm.code, callback: function(i) {
+    e.$set(e.ruleForm, "code", i);
+  }, expression: "ruleForm.code" } })], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.router", "\u8DEF\u7531\u5730\u5740"), prop: "router" } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: e.ruleForm.router, callback: function(i) {
+    e.$set(e.ruleForm, "router", i);
+  }, expression: "ruleForm.router" } }, [t("template", { slot: "prepend" }, [e._v("/")])], 2)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.icon", "\u56FE\u6807"), prop: "icon" } }, [t("div", { staticClass: "item-operator" }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.inputcontent", "\u8BF7\u8F93\u5165\u5185\u5BB9"), size: "mini", clearable: "" }, model: { value: e.ruleForm.icon, callback: function(i) {
+    e.$set(e.ruleForm, "icon", i);
+  }, expression: "ruleForm.icon" } }, [e.ruleForm.icon ? t("i", { staticClass: "el-input__icon gd-icons active-color", class: e.ruleForm.icon, staticStyle: { "font-weight": "400", "font-size": "16px" }, attrs: { slot: "prefix" }, slot: "prefix" }) : e._e()]), t("div", { staticClass: "item-operator-cao" }, [t("i", { staticClass: "el-icon-search", on: { click: e.handleIcon } })])], 1)]), e.selType === "page" ? t("el-form-item", { attrs: { label: e.$i18nt("gd.menu.tabledd", "\u9875\u9762\u7C7B\u578B"), prop: "pageType" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: e.ruleForm.pageType, callback: function(i) {
+    e.$set(e.ruleForm, "pageType", i);
+  }, expression: "ruleForm.pageType" } }, [e._l(e.getPageType, function(i) {
+    return [t("el-option", { attrs: { label: e.$i18nt(i.transKey, i.name), value: i.code } })];
+  })], 2)], 1) : e._e(), t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.sort", "\u6392\u5E8F"), prop: "sort" } }, [t("el-input-number", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), "controls-position": "right" }, model: { value: e.ruleForm.sort, callback: function(i) {
+    e.$set(e.ruleForm, "sort", i);
+  }, expression: "ruleForm.sort" } })], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.directory.remark", "\u5907\u6CE8"), prop: "remark" } }, [t("el-input", { attrs: { type: "textarea", autosize: { minRows: 3, maxRows: 5 }, placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: e.ruleForm.remark, callback: function(i) {
+    e.$set(e.ruleForm, "remark", i);
+  }, expression: "ruleForm.remark" } })], 1)], 1), e.activeKey === 2 ? t("div", { staticClass: "page-flexr-list" }, e._l(e.list, function(i, n) {
+    return t("div", [n !== 0 ? t("el-divider") : e._e(), t("div", { staticClass: "name" }, [e._v(e._s(i.name))]), t("div", { staticClass: "item-list" }, e._l(i.list, function(a) {
+      return t("div", { staticClass: "items", on: { click: function(r) {
+        return e.selItem(a);
+      } } }, [t("div", { staticClass: "items-box" }, [t("div", { staticClass: "kuang" }, [t("i", { staticClass: "gd-icons", class: a.icon })]), t("div", { staticClass: "spu" }, [e._v(e._s(a.name))])])]);
+    }), 0)], 1);
+  }), 0) : e._e()], 1)])], 2)], 1), t("iconSelector", { ref: "iconSelector", model: { value: e.ruleForm.icon, callback: function(i) {
+    e.$set(e.ruleForm, "icon", i);
+  }, expression: "ruleForm.icon" } })], 1);
+}, F = [], N = /* @__PURE__ */ f(
+  S,
+  P,
+  F,
+  !1,
+  null,
+  "be32156b",
+  null,
+  null
+);
+const O = N.exports, B = {
+  data() {
+    return {
+      appColumns: [{
+        transKey: "gd.application.name",
+        prop: "name",
+        effectType: "input",
+        label: "\u540D\u79F0",
+        placeholder: "\u8BF7\u8F93\u5165",
+        placeholderTransKey: "gd.placeholder.input",
+        rules: [{
+          required: !0,
+          message: "\u8BF7\u8F93\u5165",
+          transKey: "gd.placeholder.input",
+          trigger: "change"
+        }]
+      }, {
+        transKey: "gd.application.code",
+        prop: "code",
+        effectType: "input",
+        label: "\u552F\u4E00\u7F16\u7801",
+        disabled: !1,
+        placeholder: "\u8BF7\u8F93\u5165",
+        placeholderTransKey: "gd.placeholder.input",
+        rules: [{
+          required: !0,
+          message: "\u8BF7\u8F93\u5165",
+          transKey: "gd.placeholder.input",
+          trigger: "change"
+        }]
+      }, {
+        transKey: "gd.application.icon",
+        prop: "icon",
+        effectType: "icon",
+        label: "\u56FE\u6807",
+        disabled: !1,
+        placeholder: "\u8BF7\u8F93\u5165",
+        placeholderTransKey: "gd.placeholder.input",
+        rules: [{
+          required: !0,
+          message: "\u8BF7\u8F93\u5165",
+          transKey: "gd.placeholder.input",
+          trigger: "change"
+        }]
+      }, {
+        transKey: "gd.application.sort",
+        prop: "sort",
+        effectType: "inputnumber",
+        label: "\u6392\u5E8F",
+        defaultValue: 100,
+        placeholder: "\u8BF7\u8F93\u5165",
+        placeholderTransKey: "gd.placeholder.input",
+        rules: [{
+          required: !0,
+          message: "\u8BF7\u8F93\u5165",
+          transKey: "gd.placeholder.input",
+          trigger: "change",
+          type: "number"
+        }]
+      }],
+      formButtons: [{
+        displayName: "\u786E\u5B9A",
+        functionName: "handleSubmit",
+        show: !0,
+        transKey: "gd.btn.confirm",
+        icon: "el-icon-document-checked",
+        validate: !0
+      }]
+    };
+  }
+};
+const j = {
+  props: {
+    platformData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    record: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  mixins: [B],
+  components: { AddPage: O, MovePid: L },
+  data() {
+    return {
+      formLoading: !1,
+      name: "",
+      menuList: [],
+      appList: [],
+      treeData: [],
+      propsNode: {
+        label: "label",
+        children: "children"
+      },
+      loading: !1,
+      selectedNode: 0,
+      transKey: "",
+      selItem: {},
+      basicAttribute: {}
+    };
+  },
+  computed: {
+    height() {
+      return this.screenHeight - 24 - 40 - 36 - 46;
+    },
+    styled() {
+      return this.openManage ? "z-index:7" : "";
+    },
+    fadeColord() {
+      return this.fadeColor(this.primaryColor, 0.1);
+    },
+    ...y(["labelPosition", "formMode", "primaryColor", "pageDesignerData"])
+  },
+  methods: {
+    updateTree(s, e) {
+      const t = e === "navigation" ? 0 : s.id;
+      let i = this.pageDesignerData.filter((n) => `${n.id}_${n.sysAppsIded}` == `${t}_${this.record.id}`)[0];
+      if (e === "navigation" && (i = this.pageDesignerData.filter((n) => `${n.id}_${n.sysAppsIded}` == `${t}_${this.record.id}` && n.id === 0)[0]), i) {
+        const n = this.pageDesignerData.filter((a) => `${a.id}_${a.sysAppsIded}` != `${i.id}_${i.sysAppsIded}`);
+        this.PageDesignerData(n);
+      }
+      this.init();
+    },
+    moveItem(s) {
+      const e = `popover_${s.id}`;
+      this.$refs[e].doClose(), this.$refs.movePid.open(s);
+    },
+    createItem(s) {
+      const e = `popover_${s.id}`;
+      this.$refs[e].doClose(), this.$refs.addPage.createItem(s);
+    },
+    okPage() {
+      this.init();
+    },
+    del(s) {
+      this.$confirm(this.$i18nt("gd.https.delContent", "\u662F\u5426\u5220\u9664\u9009\u4E2D\u6570\u636E?"), this.$i18nt("gd.https.delTitle", "\u6E29\u99A8\u63D0\u793A"), {
+        confirmButtonText: this.$i18nt("gd.https.delOk", "\u786E\u5B9A\u5220\u9664"),
+        cancelButtonText: this.$i18nt("gd.https.delCancel", "\u53D6\u6D88"),
+        showClose: !1,
+        confirmButtonLoading: !1,
+        cancelButtonLoading: !1,
+        closeOnClickModal: !1,
+        type: "warning",
+        confirmButtonClass: "el-button--danger",
+        customClass: "custom-alert",
+        callback: () => {
+        },
+        beforeClose: (e, t, i) => {
+          if (e !== "confirm") {
+            i();
+            return;
+          }
+          this.delHand(e, t, i, s);
+        }
+      });
+    },
+    delHand(s, e, t, i) {
+      e.confirmButtonLoading = !0, e.cancelButtonLoading = !0, e.showCancelButton = !1, (i.modeType === "application" ? $ : b)({ id: i.id }).then((a) => {
+        a.success ? (this.$message.success(this.$i18nt("gd.https.delSucc", "\u5220\u9664\u6210\u529F")), this.init()) : this.$message.error(this.$i18nt("gd.https.delFail", "\u5220\u9664\u5931\u8D25") + a.message), t(), e.confirmButtonLoading = !1, e.cancelButtonLoading = !1, e.showCancelButton = !0;
+      });
+    },
+    saveSysApp({ data: s, record: e, btn: t }, i, n) {
+      this.formLoading = !0, (e ? C : T)(
+        e ? s : Object.assign(s, {
+          sys_AppsId: this.record.id,
+          isNavigation: 1,
+          isInherit: 1,
+          basicAttribute: JSON.stringify(this.basicAttribute),
+          applicationType: 1,
+          active: "Y"
+        })
+      ).then((r) => {
+        r.success ? (this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F")), n(), this.init()) : this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + r.message), this.formLoading = !1;
+      });
+    },
+    sbumit(s, e, t) {
+      if (this.selItem.modeType === "navigation") {
+        this.saveSysApp(s, e, t);
+        return;
+      }
+    },
+    add(s) {
+      if (this.selItem = s, s.modeType === "navigation") {
+        this.transKey = "gd.btn.add", this.$refs.editForm.open(null).then(({ instance: e, done: t }) => {
+          t({
+            code: p(8, !1)
+          });
+        });
+        return;
+      }
+      this.$refs.addPage.open(s);
+    },
+    init() {
+      this.loading = !0, Promise.all([this.getAppList(), this.getMenuList()]).then((s) => {
+        let e = [...this.appList];
+        e.forEach((i, n) => {
+          e[n].pid = 0, e[n].modeType = "application";
+          let a = this.menuList.filter((r) => r.application === i.code ? (r.pid = i.id, !0) : !1);
+          a && (e[n].children = a);
+        });
+        const t = this.traverseTree(e, this.selectedNode);
+        this.treeData = [
+          Object.assign(
+            { ...this.record },
+            {
+              id: 0,
+              pid: -1,
+              label: "\u5E94\u7528\u57FA\u672C\u5E03\u5C40",
+              children: [...t.list],
+              modeType: "navigation",
+              sysAppsIded: this.record.id
+            }
+          )
+        ], this.$nextTick(() => {
+          setTimeout(() => {
+            this.handleNodeClick(t.itemNode.id ? t.itemNode : this.treeData[0]), this.$refs.treeRef.setCurrentKey(this.selectedNode);
+          }, 0);
+        }), this.loading = !1;
+      });
+    },
+    getAppList() {
+      return v({ appsId: this.record.id }).then((s) => (s.code === 200 && (this.appList = s.data.map((e) => {
+        let t = { ...e }, i = e.basicattribute ? JSON.parse(e.basicattribute) : {};
+        const n = this.pageDesignerData.filter((a) => `${a.id}_${a.sysAppsIded}` == `${e.id}_${this.record.id}`)[0];
+        if (n && n.updatedtime === e.updatedtime && (i = n.options, t = { ...n }), n && n.updatedtime !== e.updatedtime) {
+          const a = this.pageDesignerData.filter((r) => `${r.id}_${r.sysAppsIded}` != `${n.id}_${n.sysAppsIded}`);
+          this.PageDesignerData(a);
+        }
+        return i.logo === void 0 && Object.assign(i, { logo: this.basicAttribute.logo }), i.menus === void 0 && Object.assign(i, { menus: this.basicAttribute.menus }), i.layout === void 0 && Object.assign(i, { layout: this.basicAttribute.layout }), Object.assign(
+          { ...t },
+          {
+            options: i,
+            sysAppsIded: this.record.id
+          }
+        );
+      })), s));
+    },
+    getMenuList() {
+      return K({ AppsId: this.record.id }).then((s) => {
+        if (s.code === 200) {
+          let e = [];
+          this.menuList = s.data.map((t) => (t.children && (t.children = t.children.map((i) => (i.children && (e = e.concat(i.children)), Object.assign(i, {
+            opid: i.pid,
+            expansion: i.expansion ? JSON.parse(i.expansion) : {
+              padding: [0, 0, 0, 0],
+              margin: [0, 0, 0, 0],
+              bjColor: "#fff",
+              radius: [0, 0, 0, 0],
+              customCss: "",
+              customClass: ""
+            }
+          })))), Object.assign(t, {
+            opid: t.pid,
+            expansion: t.expansion ? JSON.parse(t.expansion) : {
+              padding: [0, 0, 0, 0],
+              margin: [0, 0, 0, 0],
+              bjColor: "#fff",
+              radius: [0, 0, 0, 0],
+              customCss: "",
+              customClass: ""
+            }
+          }))), this.$emit("permission", e);
+        }
+        return s;
+      });
+    },
+    traverseTree(s, e) {
+      let t = {};
+      const i = (a) => (a = a.filter((r, o) => {
+        if (r.modeType === void 0 && (r.modeType = String(r.type) === "0" ? "directory" : String(r.type) === "1" ? "page" : "btn"), r.pagecontent !== void 0) {
+          const d = r.pagecontent ? JSON.parse(r.pagecontent) : {
+            config: {
+              pageType: "dataList"
+            },
+            list: []
+          };
+          r.options = d, r.pageType = d.config && d.config.pageType ? d.config.pageType : "dataList";
+        }
+        r.sysAppsIded === void 0 && (r.sysAppsIded = this.record.id);
+        let l = { ...r };
+        const c = this.pageDesignerData.filter((d) => `${d.id}_${d.sysAppsIded}` == `${r.id}_${this.record.id}`)[0];
+        if (r.modeType !== "application" && c && c.updatedtime === r.updatedtime && (l = { ...c }), r.modeType !== "application" && c && c.updatedtime !== r.updatedtime) {
+          const d = this.pageDesignerData.filter((g) => `${g.id}_${g.sysAppsIded}` != `${c.id}_${c.sysAppsIded}`);
+          this.PageDesignerData(d);
+        }
+        return Object.assign(
+          r,
+          { ...l },
+          {
+            children: r.children,
+            label: this.$i18nt(`Dynamics.${r.transkey}`, l.name)
+          }
+        ), r.id == e && (t = { ...r }), r.type !== 1 && r.children ? r.children = i(r.children) : r.children = [], r.modeType !== "btn";
+      }), a);
+      return { list: i(s), itemNode: t };
+    },
+    treeOperation({ node: s, data: e }) {
+      console.log(s, e);
+    },
+    handleNodeClick(s) {
+      this.selectedNode = s.id, this.$emit("change", {
+        id: s.id,
+        data: s
+      }), this.getNavParameters(s);
+    },
+    hasCacheData(s) {
+      return !!(s.modeType === "navigation" ? this.pageDesignerData.filter((i) => i.id === 0) : this.pageDesignerData).filter((i) => `${i.id}_${i.sysAppsIded}` == `${s.id}_${this.record.id}`)[0];
+    },
+    getNavParameters(s) {
+      setTimeout(() => {
+        this.$emit("changeNav", this.platformData.mobile, this.treeData);
+      }, 100);
+    },
+    findParent(s, e, t) {
+      for (let i of s)
+        if (i.pid === e.pid && e.modeType !== "application" || i.id === e.id && e.modeType === "application" || i.children && i.children.length > 0 && this.findParent(i.children, e, t))
+          return t.unshift(i), !0;
+      return !1;
+    },
+    fadeColor(s, e) {
+      let t = parseInt(s.substring(1, 3), 16), i = parseInt(s.substring(3, 5), 16), n = parseInt(s.substring(5, 7), 16);
+      return `rgba(${t},${i},${n},${e})`;
+    },
+    ..._(["PageDesignerData"])
+  },
+  created() {
+    this.init();
+  }
+};
+var M = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "column-tree" }, [t("div", { directives: [{ name: "loading", rawName: "v-loading", value: e.loading, expression: "loading" }], staticClass: "tree-list" }, [t("el-tree", { ref: "treeRef", attrs: { data: e.treeData, "node-key": "id", "default-expand-all": "", "expand-on-click-node": !1, "highlight-current": "", props: e.propsNode, "current-node-key": e.selectedNode }, on: { "node-click": e.handleNodeClick }, scopedSlots: e._u([{ key: "default", fn: function({ node: i, data: n }) {
+    return t("span", { staticClass: "custom-tree-node", attrs: { title: e.$i18nt(`Dynamics.${n.transkey}`, n.label) } }, [t("span", { staticClass: "line1" }, [n.modeType === "navigation" ? t("span", { staticClass: "gd-icons gd-icon-quanjushijiao" }) : n.modeType === "application" ? t("span", { staticClass: "gd-icons gd-icon-yemian1" }) : n.modeType === "directory" ? t("span", { staticClass: "gd-icons gd-icon-mulu" }) : n.modeType === "page" ? t("span", { staticClass: "gd-icons gd-icon-xitong" }) : e._e(), e._v(" " + e._s(e.$i18nt(`Dynamics.${n.transkey}`, n.label)) + " "), e.hasCacheData(n) ? t("i", { staticClass: "el-icon-warning-outline", staticStyle: { color: "#e6a23c", "padding-right": "4px", "font-size": "13px" } }) : e._e()]), t("span", { staticClass: "tree-operation", on: { click: function(a) {
+      return a.stopPropagation(), e.treeOperation({ node: i, data: n });
+    } } }, [["page"].includes(n.modeType) ? e._e() : t("i", { staticClass: "el-icon-plus", staticStyle: { "margin-right": "6px" }, on: { click: function(a) {
+      return a.stopPropagation(), e.add(n);
+    } } }), n.children.length === 0 && n.modeType !== "navigation" ? t("i", { staticClass: "el-icon-delete", staticStyle: { "margin-right": "6px" }, on: { click: function(a) {
+      return a.stopPropagation(), e.del(n);
+    } } }) : e._e(), ["directory", "page"].includes(n.modeType) ? t("span", [t("el-popover", { ref: `popover_${n.id}`, attrs: { placement: "bottom", trigger: "click" } }, [t("div", { staticClass: "popover-hand", style: { "--dilute": e.fadeColord } }, [t("div", { staticClass: "popover-hand-name", on: { click: function(a) {
+      return a.stopPropagation(), e.moveItem(n);
+    } } }, [e._v(e._s(e.$i18nt("gd.btn.move", "\u79FB\u52A8")))]), t("div", { staticClass: "popover-hand-name", on: { click: function(a) {
+      return a.stopPropagation(), e.createItem(n);
+    } } }, [e._v(" " + e._s(e.$i18nt("gd.btn.createCopy", "\u521B\u5EFA\u526F\u672C")) + " ")])]), t("i", { staticClass: "el-icon-more", attrs: { slot: "reference" }, slot: "reference" })])], 1) : e._e()])]);
+  } }]) })], 1), t("gd-edit-form", { ref: "editForm", attrs: { formItemWidth: "90%", loading: e.formLoading, transKey: e.transKey, buttons: e.formButtons, columns: e.appColumns, labelPosition: e.labelPosition, formMode: e.formMode, needLoad: !0 }, on: { sbumit: e.sbumit } }), t("AddPage", { ref: "addPage", on: { ok: e.okPage } }), t("MovePid", { ref: "movePid", attrs: { treeData: e.treeData }, on: { ok: e.okPage } })], 1);
+}, J = [], G = /* @__PURE__ */ f(
+  j,
+  M,
+  J,
+  !1,
+  null,
+  "03b2986a",
+  null,
+  null
+);
+const U = G.exports;
+export {
+  Y as i,
+  U as m,
+  h as p
+};