@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/designer-outline/index.esm.js

@@ -1,8 +1,8 @@
-import { inject as E, ref as o, defineComponent as B, onMounted as P, createVNode as D } from "vue";
-import { FTreeView as V } from "../tree-view/index.esm.js";
-import { DgControl as L } from "../designer-canvas/index.esm.js";
-import { cloneDeep as j } from "lodash-es";
-const G = {
+import { inject as B, ref as o, defineComponent as V, onMounted as L, createVNode as x } from "vue";
+import { FTreeView as R } from "../tree-view/index.esm.js";
+import { DgControl as j } from "../designer-canvas/index.esm.js";
+import { cloneDeep as G } from "lodash-es";
+const H = {
   /** 树表数据 */
   data: { type: Object, default: [] },
   /** 树表是否支持可选状态 */
@@ -24,11 +24,11 @@ const G = {
   /** 控件信息 */
   dgControl: { type: Object, default: {} }
 };
-var y = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.dataGrid = "data-grid", n.listView = "list-view", n.form = "form", n.uploader = "uploader", n.calendar = "calendar", n))(y || {});
-function H(n, v) {
-  const d = E("designerContext"), s = d && d.dgControl ? d.dgControl : L, w = o(""), h = o("");
-  function C(e) {
-    var c, g, f, O;
+var y = /* @__PURE__ */ ((l) => (l.Frame = "frame", l.dataGrid = "data-grid", l.listView = "list-view", l.form = "form", l.uploader = "uploader", l.calendar = "calendar", l.page = "page", l))(y || {});
+function _(l, C) {
+  const d = B("designerContext"), s = d && d.dgControl ? d.dgControl : j, N = o(""), h = o("");
+  function S(e) {
+    var c, g, f, D;
     let i = "controlIcon fd-i-Family ", t = "";
     switch (e == null ? void 0 : e.type) {
       case "form-group": {
@@ -36,34 +36,34 @@ function H(n, v) {
         break;
       }
       default:
-        t = ((O = s[e.type]) == null ? void 0 : O.icon) || e.type;
+        t = ((D = s[e.type]) == null ? void 0 : D.icon) || e.type;
     }
-    const l = `fd_pc-${t}`;
-    return i += l, i;
+    const r = `fd_pc-${t}`;
+    return i += r, i;
   }
-  function S(e, i) {
+  function b(e, i) {
     var c;
     let t = e.id;
-    const l = i == null ? void 0 : i.contents;
-    if ((i == null ? void 0 : i.type) === "splitter" && l && l.length === 2) {
+    const r = i == null ? void 0 : i.contents;
+    if ((i == null ? void 0 : i.type) === "splitter" && r && r.length === 2) {
       const g = i.direction !== "column";
-      e.id === ((c = l[0]) == null ? void 0 : c.id) ? t = g ? "左侧区域" : "上方区域" : t = g ? "右侧区域" : "下方区域";
+      e.id === ((c = r[0]) == null ? void 0 : c.id) ? t = g ? "左侧区域" : "上方区域" : t = g ? "右侧区域" : "下方区域";
     }
     return t;
   }
-  function N(e) {
+  function O(e) {
     if (e.isLikeCardContainer)
       return "区块";
     const i = e.appearance && e.appearance.class || "", t = i.split(" ");
     return e.id === "page-header" && i && i === "f-page-header" ? "页头" : t.includes("f-page-header-base") ? "页头容器" : t.includes("f-page-header-extend") ? "页头扩展容器" : t.includes("f-title") ? "标题容器" : t.includes("f-page") ? "根容器" : t.includes("f-page-main") ? "内容区域" : t.includes("f-scrollspy-content") && e.isScrollspyContainer ? "滚动监听容器" : t.includes("f-grid-is-sub") ? "表格容器" : t.includes("f-filter-container") ? "筛选条容器" : "容器";
   }
-  function b(e) {
+  function k(e) {
     const { componentType: i } = e;
     switch (i) {
       case y.Frame:
         return "根组件";
       case y.dataGrid:
-        return (n == null ? void 0 : n.formSchemaUtils.selectNode(e, (l) => l.type === (s["tree-grid"] && s["tree-grid"].type))) ? "树表格组件" : "表格组件";
+        return (l == null ? void 0 : l.formSchemaUtils.selectNode(e, (r) => r.type === (s["tree-grid"] && s["tree-grid"].type))) ? "树表格组件" : "表格组件";
       case y.uploader:
         return "附件组件";
       case y.listView:
@@ -72,6 +72,8 @@ function H(n, v) {
         return "卡片组件";
       case y.calendar:
         return "日历组件";
+      case y.page:
+        return e.name || "页面";
       default:
         return "组件";
     }
@@ -82,22 +84,22 @@ function H(n, v) {
       return t.trim();
     switch (e.type) {
       case "content-container":
-        return N(e);
+        return O(e);
       case "splitter-pane":
-        return S(e, i);
+        return b(e, i);
       case "component":
-        return b(e);
+        return k(e);
       default:
         return s[e.type] && s[e.type].name || e.id;
     }
   }
-  function r(e, i) {
+  function n(e, i) {
     const t = e.length ? e[0] : null;
     if (!t)
       return;
-    h.value = "", w.value = t.originalId;
-    const l = t ? `${t.originalId}-design-item` : "", c = document.getElementById(l);
-    c && c.click(), v.emit("selectionChanged", t);
+    h.value = "", N.value = t.originalId;
+    const r = t ? `${t.originalId}-design-item` : "", c = document.getElementById(r);
+    c && c.click(), C.emit("selectionChanged", t);
   }
   function u(e) {
     if (!e)
@@ -105,22 +107,22 @@ function H(n, v) {
     const i = `${e}-design-item`, t = document.getElementById(i);
     t && t.click();
   }
-  return { getIcon: C, getTitle: a, onChanged: r, currentSelectedNodeId: w, currentSelectedOutsideNodeId: h, triggerOutsideClick: u };
+  return { getIcon: S, getTitle: a, onChanged: n, currentSelectedNodeId: N, currentSelectedOutsideNodeId: h, triggerOutsideClick: u };
 }
-function R(n, v) {
-  const { getIcon: d, getTitle: s } = v;
-  function w(a, r, u, e, i) {
-    var l;
-    const t = (l = n.data.module) == null ? void 0 : l.components.find((c) => c.id === a.component);
-    t && h([t], r, u, e, i);
+function $(l, C) {
+  const { getIcon: d, getTitle: s } = C;
+  function N(a, n, u, e, i) {
+    var r;
+    const t = (r = l.data.module) == null ? void 0 : r.components.find((c) => c.id === a.component);
+    t && h([t], n, u, e, i);
   }
-  function h(a, r, u, e, i) {
+  function h(a, n, u, e, i) {
     return a.forEach((t) => {
       if (t.type === "component" && (i = t.id), t.type === "component-ref") {
-        w(t, r, u, e, i);
+        N(t, n, u, e, i);
         return;
       }
-      const l = {
+      const r = {
         originalId: t.id,
         layer: u,
         originalParent: e == null ? void 0 : e.id,
@@ -130,120 +132,122 @@ function R(n, v) {
         controlIcon: d(t),
         rawSchema: t
       };
-      r.push(j(l)), (t.contents || t.buttons) && h(t.contents || t.buttons, r, u + 1, t, i);
-    }), r;
+      n.push(G(r)), (t.contents || t.buttons) && h(t.contents || t.buttons, n, u + 1, t, i);
+    }), n;
   }
-  function C(a) {
-    const r = [], u = a.find((l) => l.layer === 0);
-    a = a.filter((l) => l.layer !== 0), r.push(u);
+  function S(a) {
+    const n = [], u = a.find((r) => r.layer === 0);
+    a = a.filter((r) => r.layer !== 0), n.push(u);
     let e = u.originalId, i = 0, t = 1e3;
     for (; a.length !== 0 || t === 0; ) {
-      const l = a.find((c) => c.originalParent === e);
-      l ? (r.push(l), e = l.originalId, a = a.filter((c) => c.originalId !== e), i = 0) : (i -= 1, e = r.slice(i)[0].originalId), t -= 1;
+      const r = a.find((c) => c.originalParent === e);
+      r ? (n.push(r), e = r.originalId, a = a.filter((c) => c.originalId !== e), i = 0) : (i -= 1, e = n.slice(i)[0].originalId), t -= 1;
     }
-    return r;
+    return n;
   }
-  function S(a) {
-    return a.forEach((r, u) => {
-      r.id = (u + 1).toString();
-    }), a.forEach((r) => {
+  function b(a) {
+    return a.forEach((n, u) => {
+      n.id = (u + 1).toString();
+    }), a.forEach((n) => {
       var u;
-      r.parent = ((u = a.find((e) => e.originalId === r.originalParent)) == null ? void 0 : u.id) || "";
-    }), a.forEach((r) => {
-      r.hasChildren = a.findIndex((u) => u.parent === r.id) > 0;
+      n.parent = ((u = a.find((e) => e.originalId === n.originalParent)) == null ? void 0 : u.id) || "";
+    }), a.forEach((n) => {
+      n.hasChildren = a.findIndex((u) => u.parent === n.id) > 0;
     }), a;
   }
-  function N(a) {
-    const r = {
-      originalId: n.data.module.id,
+  function O(a) {
+    const n = {
+      originalId: l.data.module.id,
       layer: 0,
       originalParent: null,
       name: "页面",
       type: "module",
       controlIcon: "controlIcon fd-i-Family fd_pc-module",
-      rawSchema: n.data.module
+      rawSchema: l.data.module
     }, u = [];
     return a.forEach((e) => {
-      e[0].originalParent = r.originalId, u.push(...e);
-    }), u.unshift(r), u;
+      e[0].originalParent = n.originalId, u.push(...e);
+    }), u.unshift(n), u;
   }
-  function b() {
-    const a = n.data.module ? o(n.data.module.components) : o([n.data]);
+  function k() {
+    const a = l.data.module ? o(l.data.module.components) : o([l.data]);
     if (!a.value)
       return;
-    const r = [];
+    const n = [];
     a.value.forEach((t) => {
       if (t) {
-        const l = [];
-        l.push(t);
-        const f = h(l, [], 1, null, t.id);
-        r.push(f);
+        const r = [];
+        r.push(t);
+        const f = h(r, [], 1, null, t.id);
+        n.push(f);
       }
     });
-    const u = N(r), e = C(u);
-    return S(e);
+    const u = O(n), e = S(u);
+    return b(e);
   }
-  return { getData: b };
+  return { getData: k };
 }
-const W = /* @__PURE__ */ B({
+const J = /* @__PURE__ */ V({
   name: "FDesignerOutline",
-  props: G,
+  props: H,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(n, v) {
-    const d = o(), s = o(n.selectable), w = o(n.autoCheckChildren), h = o(n.cascade), C = o(n.showTreeNodeIcons), S = o(n.showLines), N = o(n.newDataItem), b = o(n.lineColor), a = o(n.cellHeight), r = o([{
+  setup(l, C) {
+    const d = o(), s = o(l.selectable), N = o(l.autoCheckChildren), h = o(l.cascade), S = o(l.showTreeNodeIcons), b = o(l.showLines), O = o(l.newDataItem), k = o(l.lineColor), a = o(l.cellHeight), n = o([{
       field: "name",
       title: "",
       dataType: "string"
-    }]), u = E("designer-host-service"), e = H(u, v), {
+    }]), u = B("designer-host-service"), e = _(u, C), {
       onChanged: i,
       currentSelectedNodeId: t,
-      currentSelectedOutsideNodeId: l,
+      currentSelectedOutsideNodeId: r,
       triggerOutsideClick: c
     } = e, {
       getData: g
-    } = R(n, e);
+    } = $(l, e);
     let f = g();
-    function O() {
+    function D() {
+      var v, F, T, w;
       if (f = g(), d.value && d.value.updateDataSource) {
-        if (d.value.updateDataSource(f), l.value && d.value.clearSelection) {
-          d.value.clearSelection(), c(l.value);
+        if (d.value.updateDataSource(f), r.value) {
+          (F = (v = d.value).emptyCurrentRowId) == null || F.call(v), c(r.value);
           return;
         }
-        t && d.value.clearSelection && (d.value.clearSelection(), F({
+        t && ((w = (T = d.value).emptyCurrentRowId) == null || w.call(T), E({
           id: t.value
         }));
       }
     }
-    function F(T) {
-      if (!T && d.value && d.value.clearSelection && d.value.clearSelection(), T && d.value && d.value.selectItem) {
-        const k = f.find((x) => x.originalId === T.id);
-        k ? (d.value.selectRowById(k.id), t && (t.value = k.originalId), d.value.activeRowById(k.id), l.value = "") : t && (t.value = "", l.value = T.id);
+    function E(v) {
+      var F, T;
+      if (!v && d.value && ((T = (F = d.value).emptyCurrentRowId) == null || T.call(F)), v && d.value && d.value.selectItem) {
+        const w = f.find((P) => P.originalId === v.id);
+        w ? (d.value.selectRowById(w.id), t && (t.value = w.originalId), d.value.activeRowById(w.id), r.value = "") : t && (t.value = "", r.value = v.id);
       }
     }
-    return v.expose({
-      selectControlTreeNode: F,
-      refreshControlTree: O
-    }), P(() => {
-      f.length && d.value && F({
+    return C.expose({
+      selectControlTreeNode: E,
+      refreshControlTree: D
+    }), L(() => {
+      f.length && d.value && E({
         id: f[0].originalId
       });
-    }), () => D("div", {
+    }), () => x("div", {
       class: "designer-control-tree"
-    }, [D(V, {
+    }, [x(R, {
       ref: d,
       data: f,
-      columns: r.value,
+      columns: n.value,
       selectable: s.value,
       columnOption: {
         fitColumns: !0,
         fitMode: "expand"
       },
-      autoCheckChildren: w.value,
+      autoCheckChildren: N.value,
       cascade: h.value,
-      showTreeNodeIcons: C.value,
-      showLines: S.value,
-      newDataItem: N.value,
-      lineColor: b.value,
+      showTreeNodeIcons: S.value,
+      showLines: b.value,
+      newDataItem: O.value,
+      lineColor: k.value,
       cellHeight: a.value,
       fit: !1,
       autoHeight: !0,
@@ -255,6 +259,6 @@ const W = /* @__PURE__ */ B({
 });
 export {
   y as ComponentType,
-  W as FDesignerOutline,
-  G as designerOutlineProps
+  J as FDesignerOutline,
+  H as designerOutlineProps
 };

package/components/designer-outline/index.umd.cjs

@@ -1 +1 @@
-(function(s,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("../tree-view/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],u):(s=typeof globalThis<"u"?globalThis:s||self,u(s["designer-outline"]={},s.Vue,s.treeView,s.designerCanvas,s.LodashES))})(this,function(s,u,j,D,P){"use strict";const F={data:{type:Object,default:[]},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28},dgControl:{type:Object,default:{}}};var y=(l=>(l.Frame="frame",l.dataGrid="data-grid",l.listView="list-view",l.form="form",l.uploader="uploader",l.calendar="calendar",l))(y||{});function V(l,v){const c=u.inject("designerContext"),f=c&&c.dgControl?c.dgControl:D.DgControl,C=u.ref(""),w=u.ref("");function S(e){var o,h,g,b;let i="controlIcon fd-i-Family ",t="";switch(e==null?void 0:e.type){case"form-group":{t=((o=f[e.type])==null?void 0:o.icon)||((h=e.editor)==null?void 0:h.type)||"",(g=f[e.editor.type])!=null&&g.icon&&(t=f[e.editor.type].icon);break}default:t=((b=f[e.type])==null?void 0:b.icon)||e.type}const r=`fd_pc-${t}`;return i+=r,i}function N(e,i){var o;let t=e.id;const r=i==null?void 0:i.contents;if((i==null?void 0:i.type)==="splitter"&&r&&r.length===2){const h=i.direction!=="column";e.id===((o=r[0])==null?void 0:o.id)?t=h?"左侧区域":"上方区域":t=h?"右侧区域":"下方区域"}return t}function T(e){if(e.isLikeCardContainer)return"区块";const i=e.appearance&&e.appearance.class||"",t=i.split(" ");return e.id==="page-header"&&i&&i==="f-page-header"?"页头":t.includes("f-page-header-base")?"页头容器":t.includes("f-page-header-extend")?"页头扩展容器":t.includes("f-title")?"标题容器":t.includes("f-page")?"根容器":t.includes("f-page-main")?"内容区域":t.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":t.includes("f-grid-is-sub")?"表格容器":t.includes("f-filter-container")?"筛选条容器":"容器"}function O(e){const{componentType:i}=e;switch(i){case y.Frame:return"根组件";case y.dataGrid:return(l==null?void 0:l.formSchemaUtils.selectNode(e,r=>r.type===(f["tree-grid"]&&f["tree-grid"].type)))?"树表格组件":"表格组件";case y.uploader:return"附件组件";case y.listView:return"列表视图组件";case y.form:return"卡片组件";case y.calendar:return"日历组件";default:return"组件"}}function a(e,i){const t=e.name||e.text||e.label||e.title||e.mainTitle;if(e.type!=="component"&&t&&typeof t=="string")return t.trim();switch(e.type){case"content-container":return T(e);case"splitter-pane":return N(e,i);case"component":return O(e);default:return f[e.type]&&f[e.type].name||e.id}}function n(e,i){const t=e.length?e[0]:null;if(!t)return;w.value="",C.value=t.originalId;const r=t?`${t.originalId}-design-item`:"",o=document.getElementById(r);o&&o.click(),v.emit("selectionChanged",t)}function d(e){if(!e)return;const i=`${e}-design-item`,t=document.getElementById(i);t&&t.click()}return{getIcon:S,getTitle:a,onChanged:n,currentSelectedNodeId:C,currentSelectedOutsideNodeId:w,triggerOutsideClick:d}}function B(l,v){const{getIcon:c,getTitle:f}=v;function C(a,n,d,e,i){var r;const t=(r=l.data.module)==null?void 0:r.components.find(o=>o.id===a.component);t&&w([t],n,d,e,i)}function w(a,n,d,e,i){return a.forEach(t=>{if(t.type==="component"&&(i=t.id),t.type==="component-ref"){C(t,n,d,e,i);return}const r={originalId:t.id,layer:d,originalParent:e==null?void 0:e.id,componentId:i,name:f(t,e),type:t.type,controlIcon:c(t),rawSchema:t};n.push(P.cloneDeep(r)),(t.contents||t.buttons)&&w(t.contents||t.buttons,n,d+1,t,i)}),n}function S(a){const n=[],d=a.find(r=>r.layer===0);a=a.filter(r=>r.layer!==0),n.push(d);let e=d.originalId,i=0,t=1e3;for(;a.length!==0||t===0;){const r=a.find(o=>o.originalParent===e);r?(n.push(r),e=r.originalId,a=a.filter(o=>o.originalId!==e),i=0):(i-=1,e=n.slice(i)[0].originalId),t-=1}return n}function N(a){return a.forEach((n,d)=>{n.id=(d+1).toString()}),a.forEach(n=>{var d;n.parent=((d=a.find(e=>e.originalId===n.originalParent))==null?void 0:d.id)||""}),a.forEach(n=>{n.hasChildren=a.findIndex(d=>d.parent===n.id)>0}),a}function T(a){const n={originalId:l.data.module.id,layer:0,originalParent:null,name:"页面",type:"module",controlIcon:"controlIcon fd-i-Family fd_pc-module",rawSchema:l.data.module},d=[];return a.forEach(e=>{e[0].originalParent=n.originalId,d.push(...e)}),d.unshift(n),d}function O(){const a=l.data.module?u.ref(l.data.module.components):u.ref([l.data]);if(!a.value)return;const n=[];a.value.forEach(t=>{if(t){const r=[];r.push(t);const g=w(r,[],1,null,t.id);n.push(g)}});const d=T(n),e=S(d);return N(e)}return{getData:O}}const L=u.defineComponent({name:"FDesignerOutline",props:F,emits:["outputValue","currentEvent","selectionChanged"],setup(l,v){const c=u.ref(),f=u.ref(l.selectable),C=u.ref(l.autoCheckChildren),w=u.ref(l.cascade),S=u.ref(l.showTreeNodeIcons),N=u.ref(l.showLines),T=u.ref(l.newDataItem),O=u.ref(l.lineColor),a=u.ref(l.cellHeight),n=u.ref([{field:"name",title:"",dataType:"string"}]),d=u.inject("designer-host-service"),e=V(d,v),{onChanged:i,currentSelectedNodeId:t,currentSelectedOutsideNodeId:r,triggerOutsideClick:o}=e,{getData:h}=B(l,e);let g=h();function b(){if(g=h(),c.value&&c.value.updateDataSource){if(c.value.updateDataSource(g),r.value&&c.value.clearSelection){c.value.clearSelection(),o(r.value);return}t&&c.value.clearSelection&&(c.value.clearSelection(),E({id:t.value}))}}function E(k){if(!k&&c.value&&c.value.clearSelection&&c.value.clearSelection(),k&&c.value&&c.value.selectItem){const x=g.find(q=>q.originalId===k.id);x?(c.value.selectRowById(x.id),t&&(t.value=x.originalId),c.value.activeRowById(x.id),r.value=""):t&&(t.value="",r.value=k.id)}}return v.expose({selectControlTreeNode:E,refreshControlTree:b}),u.onMounted(()=>{g.length&&c.value&&E({id:g[0].originalId})}),()=>u.createVNode("div",{class:"designer-control-tree"},[u.createVNode(j.FTreeView,{ref:c,data:g,columns:n.value,selectable:f.value,columnOption:{fitColumns:!0,fitMode:"expand"},autoCheckChildren:C.value,cascade:w.value,showTreeNodeIcons:S.value,showLines:N.value,newDataItem:T.value,lineColor:O.value,cellHeight:a.value,fit:!1,autoHeight:!0,iconField:"controlIcon",virtualized:!0,onSelectionChange:i},null)])}});s.ComponentType=y,s.FDesignerOutline=L,s.designerOutlineProps=F,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("../tree-view/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],u):(s=typeof globalThis<"u"?globalThis:s||self,u(s["designer-outline"]={},s.Vue,s.treeView,s.designerCanvas,s.LodashES))})(this,function(s,u,P,V,B){"use strict";const D={data:{type:Object,default:[]},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28},dgControl:{type:Object,default:{}}};var h=(n=>(n.Frame="frame",n.dataGrid="data-grid",n.listView="list-view",n.form="form",n.uploader="uploader",n.calendar="calendar",n.page="page",n))(h||{});function L(n,S){const c=u.inject("designerContext"),f=c&&c.dgControl?c.dgControl:V.DgControl,N=u.ref(""),w=u.ref("");function O(e){var o,y,g,F;let i="controlIcon fd-i-Family ",t="";switch(e==null?void 0:e.type){case"form-group":{t=((o=f[e.type])==null?void 0:o.icon)||((y=e.editor)==null?void 0:y.type)||"",(g=f[e.editor.type])!=null&&g.icon&&(t=f[e.editor.type].icon);break}default:t=((F=f[e.type])==null?void 0:F.icon)||e.type}const r=`fd_pc-${t}`;return i+=r,i}function T(e,i){var o;let t=e.id;const r=i==null?void 0:i.contents;if((i==null?void 0:i.type)==="splitter"&&r&&r.length===2){const y=i.direction!=="column";e.id===((o=r[0])==null?void 0:o.id)?t=y?"左侧区域":"上方区域":t=y?"右侧区域":"下方区域"}return t}function b(e){if(e.isLikeCardContainer)return"区块";const i=e.appearance&&e.appearance.class||"",t=i.split(" ");return e.id==="page-header"&&i&&i==="f-page-header"?"页头":t.includes("f-page-header-base")?"页头容器":t.includes("f-page-header-extend")?"页头扩展容器":t.includes("f-title")?"标题容器":t.includes("f-page")?"根容器":t.includes("f-page-main")?"内容区域":t.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":t.includes("f-grid-is-sub")?"表格容器":t.includes("f-filter-container")?"筛选条容器":"容器"}function k(e){const{componentType:i}=e;switch(i){case h.Frame:return"根组件";case h.dataGrid:return(n==null?void 0:n.formSchemaUtils.selectNode(e,r=>r.type===(f["tree-grid"]&&f["tree-grid"].type)))?"树表格组件":"表格组件";case h.uploader:return"附件组件";case h.listView:return"列表视图组件";case h.form:return"卡片组件";case h.calendar:return"日历组件";case h.page:return e.name||"页面";default:return"组件"}}function a(e,i){const t=e.name||e.text||e.label||e.title||e.mainTitle;if(e.type!=="component"&&t&&typeof t=="string")return t.trim();switch(e.type){case"content-container":return b(e);case"splitter-pane":return T(e,i);case"component":return k(e);default:return f[e.type]&&f[e.type].name||e.id}}function l(e,i){const t=e.length?e[0]:null;if(!t)return;w.value="",N.value=t.originalId;const r=t?`${t.originalId}-design-item`:"",o=document.getElementById(r);o&&o.click(),S.emit("selectionChanged",t)}function d(e){if(!e)return;const i=`${e}-design-item`,t=document.getElementById(i);t&&t.click()}return{getIcon:O,getTitle:a,onChanged:l,currentSelectedNodeId:N,currentSelectedOutsideNodeId:w,triggerOutsideClick:d}}function R(n,S){const{getIcon:c,getTitle:f}=S;function N(a,l,d,e,i){var r;const t=(r=n.data.module)==null?void 0:r.components.find(o=>o.id===a.component);t&&w([t],l,d,e,i)}function w(a,l,d,e,i){return a.forEach(t=>{if(t.type==="component"&&(i=t.id),t.type==="component-ref"){N(t,l,d,e,i);return}const r={originalId:t.id,layer:d,originalParent:e==null?void 0:e.id,componentId:i,name:f(t,e),type:t.type,controlIcon:c(t),rawSchema:t};l.push(B.cloneDeep(r)),(t.contents||t.buttons)&&w(t.contents||t.buttons,l,d+1,t,i)}),l}function O(a){const l=[],d=a.find(r=>r.layer===0);a=a.filter(r=>r.layer!==0),l.push(d);let e=d.originalId,i=0,t=1e3;for(;a.length!==0||t===0;){const r=a.find(o=>o.originalParent===e);r?(l.push(r),e=r.originalId,a=a.filter(o=>o.originalId!==e),i=0):(i-=1,e=l.slice(i)[0].originalId),t-=1}return l}function T(a){return a.forEach((l,d)=>{l.id=(d+1).toString()}),a.forEach(l=>{var d;l.parent=((d=a.find(e=>e.originalId===l.originalParent))==null?void 0:d.id)||""}),a.forEach(l=>{l.hasChildren=a.findIndex(d=>d.parent===l.id)>0}),a}function b(a){const l={originalId:n.data.module.id,layer:0,originalParent:null,name:"页面",type:"module",controlIcon:"controlIcon fd-i-Family fd_pc-module",rawSchema:n.data.module},d=[];return a.forEach(e=>{e[0].originalParent=l.originalId,d.push(...e)}),d.unshift(l),d}function k(){const a=n.data.module?u.ref(n.data.module.components):u.ref([n.data]);if(!a.value)return;const l=[];a.value.forEach(t=>{if(t){const r=[];r.push(t);const g=w(r,[],1,null,t.id);l.push(g)}});const d=b(l),e=O(d);return T(e)}return{getData:k}}const p=u.defineComponent({name:"FDesignerOutline",props:D,emits:["outputValue","currentEvent","selectionChanged"],setup(n,S){const c=u.ref(),f=u.ref(n.selectable),N=u.ref(n.autoCheckChildren),w=u.ref(n.cascade),O=u.ref(n.showTreeNodeIcons),T=u.ref(n.showLines),b=u.ref(n.newDataItem),k=u.ref(n.lineColor),a=u.ref(n.cellHeight),l=u.ref([{field:"name",title:"",dataType:"string"}]),d=u.inject("designer-host-service"),e=L(d,S),{onChanged:i,currentSelectedNodeId:t,currentSelectedOutsideNodeId:r,triggerOutsideClick:o}=e,{getData:y}=R(n,e);let g=y();function F(){var C,x,E,v;if(g=y(),c.value&&c.value.updateDataSource){if(c.value.updateDataSource(g),r.value){(x=(C=c.value).emptyCurrentRowId)==null||x.call(C),o(r.value);return}t&&((v=(E=c.value).emptyCurrentRowId)==null||v.call(E),j({id:t.value}))}}function j(C){var x,E;if(!C&&c.value&&((E=(x=c.value).emptyCurrentRowId)==null||E.call(x)),C&&c.value&&c.value.selectItem){const v=g.find(q=>q.originalId===C.id);v?(c.value.selectRowById(v.id),t&&(t.value=v.originalId),c.value.activeRowById(v.id),r.value=""):t&&(t.value="",r.value=C.id)}}return S.expose({selectControlTreeNode:j,refreshControlTree:F}),u.onMounted(()=>{g.length&&c.value&&j({id:g[0].originalId})}),()=>u.createVNode("div",{class:"designer-control-tree"},[u.createVNode(P.FTreeView,{ref:c,data:g,columns:l.value,selectable:f.value,columnOption:{fitColumns:!0,fitMode:"expand"},autoCheckChildren:N.value,cascade:w.value,showTreeNodeIcons:O.value,showLines:T.value,newDataItem:b.value,lineColor:k.value,cellHeight:a.value,fit:!1,autoHeight:!0,iconField:"controlIcon",virtualized:!0,onSelectionChange:i},null)])}});s.ComponentType=h,s.FDesignerOutline=p,s.designerOutlineProps=D,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});