@farris/ui-vue 1.2.7 → 1.2.9

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

@@ -1,7 +1,7 @@
-import { ref as h, defineComponent as k, createVNode as F } from "vue";
-import { FTreeView as P } from "@farris/ui-vue/components/tree-view";
-import { cloneDeep as V } from "lodash-es";
-const x = {
+import { ref as s, defineComponent as N, inject as T, createVNode as F } from "vue";
+import { FTreeView as B } from "../tree-view/index.esm.js";
+import { cloneDeep as P } from "lodash-es";
+const D = {
   /** 树表数据 */
   data: { type: Object, default: [] },
   /** 树表是否支持可选状态 */
@@ -20,200 +20,242 @@ const x = {
   lineColor: { type: String, default: "#9399a0" },
   /** 单元格高度 */
   cellHeight: { type: Number, default: 28 }
+}, k = {
+  button: { type: "button", name: "按钮", icon: "Button" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
+  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
+  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
+  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
+  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
+  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
+  switch: { type: "switch", name: "开关", icon: "SwitchField" },
+  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
+  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
+  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
+  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
+  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块", icon: "Module" },
+  component: { type: "component", name: "组件", icon: "Component" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
 };
-var w = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.dataGrid = "data-grid", r.listView = "list-view", r.form = "form", r.attachmentPanel = "attachment-panel", r.modalFrame = "modal-frame", r.table = "table", r.appointmentCalendar = "appointment-calendar", r))(w || {});
-function E() {
-  function r(e) {
-    let l = "controlIcon mr-2 fd-i-Family ", a = "";
+var p = /* @__PURE__ */ ((a) => (a.Frame = "frame", a.dataGrid = "data-grid", a.listView = "list-view", a.form = "form", a.attachmentPanel = "attachment-panel", a.modalFrame = "modal-frame", a.table = "table", a.appointmentCalendar = "appointment-calendar", a))(p || {});
+function E(a) {
+  const h = s("");
+  function u(e) {
+    let i = "controlIcon mr-2 fd-i-Family ", r = "";
     switch (e == null ? void 0 : e.type) {
       case "form-group": {
-        a = e.editor && e.editor.type ? `fd_pc-${e.editor.type}` : "";
+        r = e.editor && e.editor.type ? `fd_pc-${e.editor.type}` : "";
         break;
       }
       default:
-        l += `fd_pc-${e.type}`;
+        i += `fd_pc-${e.type}`;
     }
-    return l += a, l;
+    return i += r, i;
   }
-  function v(e, l) {
-    var g;
-    let a = e.id;
-    const o = l == null ? void 0 : l.contents;
-    if ((l == null ? void 0 : l.type) === "splitter" && o && o.length === 2) {
-      const t = l.direction !== "column";
-      e.id === ((g = o[0]) == null ? void 0 : g.id) ? a = t ? "左侧区域" : "上方区域" : a = t ? "右侧区域" : "下方区域";
+  function b(e, i) {
+    var n;
+    let r = e.id;
+    const t = i == null ? void 0 : i.contents;
+    if ((i == null ? void 0 : i.type) === "splitter" && t && t.length === 2) {
+      const c = i.direction !== "column";
+      e.id === ((n = t[0]) == null ? void 0 : n.id) ? r = c ? "左侧区域" : "上方区域" : r = c ? "右侧区域" : "下方区域";
     }
-    return a;
+    return r;
   }
-  function d(e) {
+  function m(e) {
     if (e.isLikeCardContainer)
       return "区块";
-    const l = e.appearance && e.appearance.class || "", a = l.split(" ");
-    return e.id === "page-header" && l && l === "f-page-header" ? "页头" : a.includes("f-page-header-base") ? "页头容器" : a.includes("f-page-header-extend") ? "页头扩展容器" : a.includes("f-title") ? "标题容器" : a.includes("f-page") ? "根容器" : a.includes("f-page-main") ? "内容区域" : a.includes("f-scrollspy-content") && e.isScrollspyContainer ? "滚动监听容器" : a.includes("f-grid-is-sub") ? "表格容器" : a.includes("f-filter-container") ? "筛选条容器" : "容器";
+    const i = e.appearance && e.appearance.class || "", r = i.split(" ");
+    return e.id === "page-header" && i && i === "f-page-header" ? "页头" : r.includes("f-page-header-base") ? "页头容器" : r.includes("f-page-header-extend") ? "页头扩展容器" : r.includes("f-title") ? "标题容器" : r.includes("f-page") ? "根容器" : r.includes("f-page-main") ? "内容区域" : r.includes("f-scrollspy-content") && e.isScrollspyContainer ? "滚动监听容器" : r.includes("f-grid-is-sub") ? "表格容器" : r.includes("f-filter-container") ? "筛选条容器" : "容器";
   }
-  function b(e) {
-    const { componentType: l } = e;
-    switch (l) {
-      case w.Frame:
+  function w(e) {
+    const { componentType: i } = e;
+    switch (i) {
+      case p.Frame:
         return "根组件";
-      case w.dataGrid:
-      case w.table:
-        return "表格组件";
-      case w.attachmentPanel:
+      case p.dataGrid:
+      case p.table:
+        return (a == null ? void 0 : a.formSchemaUtils.selectNode(e, (t) => t.type === (k["tree-grid"] && k["tree-grid"].type))) ? "树表格组件" : "表格组件";
+      case p.attachmentPanel:
         return "附件组件";
-      case w.listView:
-      case "ListView":
+      case p.listView:
         return "列表视图组件";
-      case w.modalFrame:
+      case p.modalFrame:
         return "弹窗页面";
-      case w.appointmentCalendar:
+      case p.appointmentCalendar:
         return "预约日历组件";
       default:
-        if (l.startsWith("form"))
+        if (i.startsWith("form"))
           return "卡片组件";
     }
     return "组件";
   }
-  function C(e, l) {
-    const a = e.name || e.text || e.label || e.title || e.mainTitle;
-    if (a && typeof a == "string")
-      return a.trim();
+  function g(e, i) {
+    const r = e.name || e.text || e.label || e.title || e.mainTitle;
+    if (r && typeof r == "string")
+      return r.trim();
     switch (e.type) {
       case "content-container":
-        return d(e);
+        return m(e);
       case "splitter-pane":
-        return v(e, l);
+        return b(e, i);
       case "component":
-        return b(e);
-      case "response-form":
-        return "卡片面板";
+        return w(e);
       default:
-        return e.id;
+        return k[e.type] && k[e.type].name || e.id;
     }
   }
-  function S(e) {
-    const l = e.length ? e[0] : null, a = l ? `${l.originalId}-design-item` : "", o = document.getElementById(a);
-    if (o) {
-      const g = document.getElementsByClassName("dgComponentSelected");
-      g && g.length === 1 && g[0] === o || o && o.click();
-    }
+  function v(e) {
+    const i = e.length ? e[0] : null;
+    h.value = i.originalId;
+    const r = i ? `${i.originalId}-design-item` : "", t = document.getElementById(r);
+    t && t && t.click();
   }
-  return { getIcon: r, getTitle: C, onChanged: S };
+  return { getIcon: u, getTitle: g, onChanged: v, currentSelectedNodeId: h };
 }
-function T(r, v) {
-  const d = r.data.module ? h(r.data.module.components[0]) : h(r.data), { getIcon: b, getTitle: C } = v;
-  function S(t, i, u, c) {
-    var s;
-    const n = (s = r.data.module) == null ? void 0 : s.components.find((f) => f.id === t.component);
-    n && e([n], i, u, c);
+function G(a, h) {
+  const u = a.data.module ? s(a.data.module.components[0]) : s(a.data), { getIcon: b, getTitle: m } = h;
+  function w(t, n, c, l) {
+    var d;
+    const o = (d = a.data.module) == null ? void 0 : d.components.find((f) => f.id === t.component);
+    o && g([o], n, c, l);
   }
-  function e(t, i, u, c) {
-    return t.forEach((n) => {
-      if (n.type === "component-ref") {
-        S(n, i, u, c);
+  function g(t, n, c, l) {
+    return t.forEach((o) => {
+      if (o.type === "component-ref") {
+        w(o, n, c, l);
         return;
       }
-      const s = {
-        originalId: n.id,
-        layer: u,
-        originalParent: c == null ? void 0 : c.id,
-        name: C(n, c),
-        type: n.type,
-        controlIcon: b(n),
-        rawSchema: n
+      const d = {
+        originalId: o.id,
+        layer: c,
+        originalParent: l == null ? void 0 : l.id,
+        name: m(o, l),
+        type: o.type,
+        controlIcon: b(o),
+        rawSchema: o
       };
-      i.push(V(s)), (n.contents || n.buttons) && e(n.contents || n.buttons, i, u + 1, n);
-    }), i;
+      n.push(P(d)), (o.contents || o.buttons) && g(o.contents || o.buttons, n, c + 1, o);
+    }), n;
   }
-  function l(t) {
-    const i = [], u = t.find((f) => f.layer === 0);
-    t = t.filter((f) => f.layer !== 0), i.push(u);
-    let c = u.originalId, n = 0, s = 1e3;
-    for (; t.length !== 0 || s === 0; ) {
-      const f = t.find((y) => y.originalParent === c);
-      f ? (i.push(f), c = f.originalId, t = t.filter((y) => y.originalId !== c), n = 0) : (n -= 1, c = i.slice(n)[0].originalId), s -= 1;
+  function v(t) {
+    const n = [], c = t.find((f) => f.layer === 0);
+    t = t.filter((f) => f.layer !== 0), n.push(c);
+    let l = c.originalId, o = 0, d = 1e3;
+    for (; t.length !== 0 || d === 0; ) {
+      const f = t.find((y) => y.originalParent === l);
+      f ? (n.push(f), l = f.originalId, t = t.filter((y) => y.originalId !== l), o = 0) : (o -= 1, l = n.slice(o)[0].originalId), d -= 1;
     }
-    return i;
+    return n;
   }
-  function a(t) {
-    return t.forEach((i, u) => {
-      i.id = (u + 1).toString();
-    }), t.forEach((i) => {
-      var u;
-      i.parent = ((u = t.find((c) => c.originalId === i.originalParent)) == null ? void 0 : u.id) || "";
-    }), t.forEach((i) => {
-      i.hasChildren = t.findIndex((u) => u.parent === i.id) > 0;
+  function e(t) {
+    return t.forEach((n, c) => {
+      n.id = (c + 1).toString();
+    }), t.forEach((n) => {
+      var c;
+      n.parent = ((c = t.find((l) => l.originalId === n.originalParent)) == null ? void 0 : c.id) || "";
+    }), t.forEach((n) => {
+      n.hasChildren = t.findIndex((c) => c.parent === n.id) > 0;
     }), t;
   }
-  function o(t) {
-    const i = {
+  function i(t) {
+    const n = {
       originalId: "page",
       layer: 0,
       originalParent: null,
       name: "页面",
       type: "Frame",
       controlIcon: "fd-i-Family fd_pc-module",
-      rawSchema: d
+      rawSchema: u
     };
-    return t[0].originalParent = i.originalId, t.unshift(i), i;
+    return t[0].originalParent = n.originalId, t.unshift(n), n;
   }
-  function g() {
+  function r() {
     let t;
-    if (d.value) {
-      const i = [];
-      i.push(d.value);
-      const n = e(i, [], 1, null);
-      o(n);
-      const s = l(n);
-      t = a(s);
+    if (u.value) {
+      const n = [];
+      n.push(u.value);
+      const o = g(n, [], 1, null);
+      i(o);
+      const d = v(o);
+      t = e(d);
     }
     return t;
   }
-  return { getData: g };
+  return { getData: r };
 }
-const D = /* @__PURE__ */ k({
+const M = /* @__PURE__ */ N({
   name: "FDesignerOutline",
-  props: x,
+  props: D,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(r, v) {
-    const d = h(), b = h(r.selectable), C = h(r.autoCheckChildren), S = h(r.cascade), e = h(r.showTreeNodeIcons), l = h(r.showLines), a = h(r.newDataItem), o = h(r.lineColor), g = h(r.cellHeight), t = E(), {
-      onChanged: i
-    } = t, {
-      getData: u
-    } = T(r, t);
-    let c = u();
-    function n() {
-      c = u(), d.value && d.value.updateDataSource && d.value.updateDataSource(c);
+  setup(a, h) {
+    const u = s(), b = s(a.selectable), m = s(a.autoCheckChildren), w = s(a.cascade), g = s(a.showTreeNodeIcons), v = s(a.showLines), e = s(a.newDataItem), i = s(a.lineColor), r = s(a.cellHeight), t = T("designer-host-service"), n = E(t), {
+      onChanged: c,
+      currentSelectedNodeId: l
+    } = n, {
+      getData: o
+    } = G(a, n);
+    let d = o();
+    function f() {
+      d = o(), u.value && u.value.updateDataSource && (u.value.updateDataSource(d), l && u.value.clearSelection && (u.value.clearSelection(), y({
+        id: l.value
+      })));
     }
-    function s(f) {
-      if (d.value && d.value.selectItem) {
-        const y = c.findIndex((N) => N.originalId === f.id);
-        y > -1 && d.value.selectItem(y);
+    function y(S) {
+      if (!S && u.value && u.value.clearSelection && u.value.clearSelection(), S && u.value && u.value.selectItem) {
+        const C = d.findIndex((x) => x.originalId === S.id);
+        if (C > -1) {
+          u.value.selectItem(C);
+          const x = d[C];
+          l && (l.value = x.originalId);
+        } else l && (l.value = "");
       }
     }
-    return v.expose({
-      selectControlTreeNode: s,
-      refreshControlTree: n
+    return h.expose({
+      selectControlTreeNode: y,
+      refreshControlTree: f
     }), () => F("div", {
       class: "designer-control-tree"
-    }, [F(P, {
-      ref: d,
-      data: c,
+    }, [F(B, {
+      ref: u,
+      data: d,
       selectable: b.value,
-      autoCheckChildren: C.value,
-      cascade: S.value,
-      showTreeNodeIcons: e.value,
-      showLines: l.value,
-      newDataItem: a.value,
-      lineColor: o.value,
-      cellHeight: g.value,
+      autoCheckChildren: m.value,
+      cascade: w.value,
+      showTreeNodeIcons: g.value,
+      showLines: v.value,
+      newDataItem: e.value,
+      lineColor: i.value,
+      cellHeight: r.value,
       iconField: "controlIcon",
-      onSelectionChange: i
+      onSelectionChange: c
     }, null)]);
   }
 });
 export {
-  w as ComponentType,
-  D as FDesignerOutline,
-  x as designerOutlineProps
+  p as ComponentType,
+  M as FDesignerOutline,
+  D as designerOutlineProps
 };

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

@@ -1 +1 @@
-(function(f,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("@farris/ui-vue/components/tree-view"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","@farris/ui-vue/components/tree-view","lodash-es"],u):(f=typeof globalThis<"u"?globalThis:f||self,u(f["designer-outline"]={},f.Vue,f.treeView,f.LodashES))})(this,function(f,u,P,T){"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}};var y=(r=>(r.Frame="frame",r.dataGrid="data-grid",r.listView="list-view",r.form="form",r.attachmentPanel="attachment-panel",r.modalFrame="modal-frame",r.table="table",r.appointmentCalendar="appointment-calendar",r))(y||{});function V(){function r(e){let n="controlIcon mr-2 fd-i-Family ",l="";switch(e==null?void 0:e.type){case"form-group":{l=e.editor&&e.editor.type?`fd_pc-${e.editor.type}`:"";break}default:n+=`fd_pc-${e.type}`}return n+=l,n}function C(e,n){var w;let l=e.id;const s=n==null?void 0:n.contents;if((n==null?void 0:n.type)==="splitter"&&s&&s.length===2){const t=n.direction!=="column";e.id===((w=s[0])==null?void 0:w.id)?l=t?"左侧区域":"上方区域":l=t?"右侧区域":"下方区域"}return l}function o(e){if(e.isLikeCardContainer)return"区块";const n=e.appearance&&e.appearance.class||"",l=n.split(" ");return e.id==="page-header"&&n&&n==="f-page-header"?"页头":l.includes("f-page-header-base")?"页头容器":l.includes("f-page-header-extend")?"页头扩展容器":l.includes("f-title")?"标题容器":l.includes("f-page")?"根容器":l.includes("f-page-main")?"内容区域":l.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":l.includes("f-grid-is-sub")?"表格容器":l.includes("f-filter-container")?"筛选条容器":"容器"}function b(e){const{componentType:n}=e;switch(n){case y.Frame:return"根组件";case y.dataGrid:case y.table:return"表格组件";case y.attachmentPanel:return"附件组件";case y.listView:case"ListView":return"列表视图组件";case y.modalFrame:return"弹窗页面";case y.appointmentCalendar:return"预约日历组件";default:if(n.startsWith("form"))return"卡片组件"}return"组件"}function N(e,n){const l=e.name||e.text||e.label||e.title||e.mainTitle;if(l&&typeof l=="string")return l.trim();switch(e.type){case"content-container":return o(e);case"splitter-pane":return C(e,n);case"component":return b(e);case"response-form":return"卡片面板";default:return e.id}}function v(e){const n=e.length?e[0]:null,l=n?`${n.originalId}-design-item`:"",s=document.getElementById(l);if(s){const w=document.getElementsByClassName("dgComponentSelected");w&&w.length===1&&w[0]===s||s&&s.click()}}return{getIcon:r,getTitle:N,onChanged:v}}function k(r,C){const o=r.data.module?u.ref(r.data.module.components[0]):u.ref(r.data),{getIcon:b,getTitle:N}=C;function v(t,i,c,d){var h;const a=(h=r.data.module)==null?void 0:h.components.find(g=>g.id===t.component);a&&e([a],i,c,d)}function e(t,i,c,d){return t.forEach(a=>{if(a.type==="component-ref"){v(a,i,c,d);return}const h={originalId:a.id,layer:c,originalParent:d==null?void 0:d.id,name:N(a,d),type:a.type,controlIcon:b(a),rawSchema:a};i.push(T.cloneDeep(h)),(a.contents||a.buttons)&&e(a.contents||a.buttons,i,c+1,a)}),i}function n(t){const i=[],c=t.find(g=>g.layer===0);t=t.filter(g=>g.layer!==0),i.push(c);let d=c.originalId,a=0,h=1e3;for(;t.length!==0||h===0;){const g=t.find(S=>S.originalParent===d);g?(i.push(g),d=g.originalId,t=t.filter(S=>S.originalId!==d),a=0):(a-=1,d=i.slice(a)[0].originalId),h-=1}return i}function l(t){return t.forEach((i,c)=>{i.id=(c+1).toString()}),t.forEach(i=>{var c;i.parent=((c=t.find(d=>d.originalId===i.originalParent))==null?void 0:c.id)||""}),t.forEach(i=>{i.hasChildren=t.findIndex(c=>c.parent===i.id)>0}),t}function s(t){const i={originalId:"page",layer:0,originalParent:null,name:"页面",type:"Frame",controlIcon:"fd-i-Family fd_pc-module",rawSchema:o};return t[0].originalParent=i.originalId,t.unshift(i),i}function w(){let t;if(o.value){const i=[];i.push(o.value);const a=e(i,[],1,null);s(a);const h=n(a);t=l(h)}return t}return{getData:w}}const E=u.defineComponent({name:"FDesignerOutline",props:F,emits:["outputValue","currentEvent","selectionChanged"],setup(r,C){const o=u.ref(),b=u.ref(r.selectable),N=u.ref(r.autoCheckChildren),v=u.ref(r.cascade),e=u.ref(r.showTreeNodeIcons),n=u.ref(r.showLines),l=u.ref(r.newDataItem),s=u.ref(r.lineColor),w=u.ref(r.cellHeight),t=V(),{onChanged:i}=t,{getData:c}=k(r,t);let d=c();function a(){d=c(),o.value&&o.value.updateDataSource&&o.value.updateDataSource(d)}function h(g){if(o.value&&o.value.selectItem){const S=d.findIndex(O=>O.originalId===g.id);S>-1&&o.value.selectItem(S)}}return C.expose({selectControlTreeNode:h,refreshControlTree:a}),()=>u.createVNode("div",{class:"designer-control-tree"},[u.createVNode(P.FTreeView,{ref:o,data:d,selectable:b.value,autoCheckChildren:N.value,cascade:v.value,showTreeNodeIcons:e.value,showLines:n.value,newDataItem:l.value,lineColor:s.value,cellHeight:w.value,iconField:"controlIcon",onSelectionChange:i},null)])}});f.ComponentType=y,f.FDesignerOutline=E,f.designerOutlineProps=F,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(f,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("../tree-view/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","lodash-es"],d):(f=typeof globalThis<"u"?globalThis:f||self,d(f["designer-outline"]={},f.Vue,f.treeView,f.LodashES))})(this,function(f,d,v,P){"use strict";const N={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}},C={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"}};var g=(i=>(i.Frame="frame",i.dataGrid="data-grid",i.listView="list-view",i.form="form",i.attachmentPanel="attachment-panel",i.modalFrame="modal-frame",i.table="table",i.appointmentCalendar="appointment-calendar",i))(g||{});function B(i){const y=d.ref("");function u(e){let r="controlIcon mr-2 fd-i-Family ",a="";switch(e==null?void 0:e.type){case"form-group":{a=e.editor&&e.editor.type?`fd_pc-${e.editor.type}`:"";break}default:r+=`fd_pc-${e.type}`}return r+=a,r}function m(e,r){var n;let a=e.id;const t=r==null?void 0:r.contents;if((r==null?void 0:r.type)==="splitter"&&t&&t.length===2){const c=r.direction!=="column";e.id===((n=t[0])==null?void 0:n.id)?a=c?"左侧区域":"上方区域":a=c?"右侧区域":"下方区域"}return a}function w(e){if(e.isLikeCardContainer)return"区块";const r=e.appearance&&e.appearance.class||"",a=r.split(" ");return e.id==="page-header"&&r&&r==="f-page-header"?"页头":a.includes("f-page-header-base")?"页头容器":a.includes("f-page-header-extend")?"页头扩展容器":a.includes("f-title")?"标题容器":a.includes("f-page")?"根容器":a.includes("f-page-main")?"内容区域":a.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":a.includes("f-grid-is-sub")?"表格容器":a.includes("f-filter-container")?"筛选条容器":"容器"}function S(e){const{componentType:r}=e;switch(r){case g.Frame:return"根组件";case g.dataGrid:case g.table:return(i==null?void 0:i.formSchemaUtils.selectNode(e,t=>t.type===(C["tree-grid"]&&C["tree-grid"].type)))?"树表格组件":"表格组件";case g.attachmentPanel:return"附件组件";case g.listView:return"列表视图组件";case g.modalFrame:return"弹窗页面";case g.appointmentCalendar:return"预约日历组件";default:if(r.startsWith("form"))return"卡片组件"}return"组件"}function h(e,r){const a=e.name||e.text||e.label||e.title||e.mainTitle;if(a&&typeof a=="string")return a.trim();switch(e.type){case"content-container":return w(e);case"splitter-pane":return m(e,r);case"component":return S(e);default:return C[e.type]&&C[e.type].name||e.id}}function k(e){const r=e.length?e[0]:null;y.value=r.originalId;const a=r?`${r.originalId}-design-item`:"",t=document.getElementById(a);t&&t&&t.click()}return{getIcon:u,getTitle:h,onChanged:k,currentSelectedNodeId:y}}function E(i,y){const u=i.data.module?d.ref(i.data.module.components[0]):d.ref(i.data),{getIcon:m,getTitle:w}=y;function S(t,n,c,l){var s;const o=(s=i.data.module)==null?void 0:s.components.find(p=>p.id===t.component);o&&h([o],n,c,l)}function h(t,n,c,l){return t.forEach(o=>{if(o.type==="component-ref"){S(o,n,c,l);return}const s={originalId:o.id,layer:c,originalParent:l==null?void 0:l.id,name:w(o,l),type:o.type,controlIcon:m(o),rawSchema:o};n.push(P.cloneDeep(s)),(o.contents||o.buttons)&&h(o.contents||o.buttons,n,c+1,o)}),n}function k(t){const n=[],c=t.find(p=>p.layer===0);t=t.filter(p=>p.layer!==0),n.push(c);let l=c.originalId,o=0,s=1e3;for(;t.length!==0||s===0;){const p=t.find(b=>b.originalParent===l);p?(n.push(p),l=p.originalId,t=t.filter(b=>b.originalId!==l),o=0):(o-=1,l=n.slice(o)[0].originalId),s-=1}return n}function e(t){return t.forEach((n,c)=>{n.id=(c+1).toString()}),t.forEach(n=>{var c;n.parent=((c=t.find(l=>l.originalId===n.originalParent))==null?void 0:c.id)||""}),t.forEach(n=>{n.hasChildren=t.findIndex(c=>c.parent===n.id)>0}),t}function r(t){const n={originalId:"page",layer:0,originalParent:null,name:"页面",type:"Frame",controlIcon:"fd-i-Family fd_pc-module",rawSchema:u};return t[0].originalParent=n.originalId,t.unshift(n),n}function a(){let t;if(u.value){const n=[];n.push(u.value);const o=h(n,[],1,null);r(o);const s=k(o);t=e(s)}return t}return{getData:a}}const L=d.defineComponent({name:"FDesignerOutline",props:N,emits:["outputValue","currentEvent","selectionChanged"],setup(i,y){const u=d.ref(),m=d.ref(i.selectable),w=d.ref(i.autoCheckChildren),S=d.ref(i.cascade),h=d.ref(i.showTreeNodeIcons),k=d.ref(i.showLines),e=d.ref(i.newDataItem),r=d.ref(i.lineColor),a=d.ref(i.cellHeight),t=d.inject("designer-host-service"),n=B(t),{onChanged:c,currentSelectedNodeId:l}=n,{getData:o}=E(i,n);let s=o();function p(){s=o(),u.value&&u.value.updateDataSource&&(u.value.updateDataSource(s),l&&u.value.clearSelection&&(u.value.clearSelection(),b({id:l.value})))}function b(x){if(!x&&u.value&&u.value.clearSelection&&u.value.clearSelection(),x&&u.value&&u.value.selectItem){const T=s.findIndex(F=>F.originalId===x.id);if(T>-1){u.value.selectItem(T);const F=s[T];l&&(l.value=F.originalId)}else l&&(l.value="")}}return y.expose({selectControlTreeNode:b,refreshControlTree:p}),()=>d.createVNode("div",{class:"designer-control-tree"},[d.createVNode(v.FTreeView,{ref:u,data:s,selectable:m.value,autoCheckChildren:w.value,cascade:S.value,showTreeNodeIcons:h.value,showLines:k.value,newDataItem:e.value,lineColor:r.value,cellHeight:a.value,iconField:"controlIcon",onSelectionChange:c},null)])}});f.ComponentType=g,f.FDesignerOutline=L,f.designerOutlineProps=N,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as i, watch as C, createVNode as a } from "vue";
+import { defineComponent as g, ref as i, watch as C, createVNode as a } from "vue";
 const v = {
   id: { type: String, default: "" },
   dragula: { type: Object }
@@ -66,16 +66,40 @@ const v = {
         type: "lookup",
         name: "帮助",
         category: "input"
+      }
+    ]
+  },
+  {
+    type: "dataCollection",
+    name: "数据集合类控件",
+    items: [
+      {
+        id: "ResponseForm",
+        type: "response-form",
+        name: "卡片面板",
+        category: "dataCollection"
       },
       {
-        id: "InputGroup",
-        type: "input-group",
-        name: "智能输入框",
-        category: "input"
+        id: "DataGrid",
+        type: "data-grid",
+        name: "表格",
+        category: "dataCollection"
+      }
+    ]
+  },
+  {
+    type: "container",
+    name: "容器类控件",
+    items: [
+      {
+        id: "Tab",
+        type: "tabs",
+        name: "标签页区域",
+        category: "container"
       }
     ]
   }
-], x = /* @__PURE__ */ m({
+], x = /* @__PURE__ */ g({
   name: "FDesignerToolbox",
   props: v,
   emits: [],
@@ -118,14 +142,14 @@ const v = {
         updating: e.updating
       };
     }
-    function u(e) {
+    function p(e) {
       const t = {
         farrisControlIcon: !0,
         "fd-i-Family": !0
-      }, g = `fd_pc-${e.icon || e.type}`;
-      return t[g] = !0, t;
+      }, m = `fd_pc-${e.icon || e.type}`;
+      return t[m] = !0, t;
     }
-    function p(e, t) {
+    function u(e, t) {
       return a("div", {
         class: s(e),
         "data-sourceType": "control",
@@ -138,7 +162,7 @@ const v = {
         "data-templateCategory": e.templateCategory,
         hidden: t.isHide
       }, [a("div", null, [a("div", {
-        class: u(e)
+        class: p(e)
       }, null), a("div", {
         class: "controlName"
       }, [e.name])])]);
@@ -146,7 +170,7 @@ const v = {
     function y(e) {
       return a("div", {
         class: "card-body px-2 py-0 border-0 controlCategory no-drop"
-      }, [e.items.map((t) => p(t, e))]);
+      }, [e.items.map((t) => u(t, e))]);
     }
     function f(e) {
       return !e.hideInControlBox && a("div", {

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

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["designer-toolbox"]={},n.Vue))})(this,function(n,t){"use strict";const i={id:{type:String,default:""},dragula:{type:Object}},d=[{type:"input",name:"输入类控件",items:[{id:"TextBox",type:"input-group",name:"文本",category:"input"},{id:"MultiTextBox",type:"textarea",name:"多行文本",category:"input"},{id:"DateBox",type:"date-picker",name:"日期",category:"input"},{id:"EnumField",type:"combo-list",name:"下拉列表",category:"input"},{id:"NumericBox",type:"number-spinner",name:"数值",category:"input"},{id:"CheckBox",type:"check-box",name:"复选框",category:"input"},{id:"CheckBoxGroup",type:"check-group",name:"复选框组",category:"input"},{id:"RadioGroup",type:"radio-group",name:"单选组",category:"input"},{id:"SwitchField",type:"switch",name:"开关",category:"input"},{id:"LookupEdit",type:"lookup",name:"帮助",category:"input"},{id:"InputGroup",type:"input-group",name:"智能输入框",category:"input"}]}],c=t.defineComponent({name:"FDesignerToolbox",props:i,emits:[],setup(r){const s=t.ref(d),o=t.ref(r.dragula);function l(e,a){a.isHide=!a.isHide}function p(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function u(e){return t.createVNode("div",{class:"card-header",onClick:a=>l(a,e)},[t.createVNode("div",{class:"panel-item-title"},[t.createVNode("div",{class:"f-section-formgroup-legend"},[t.createVNode("div",{class:"f-header px-2 col-form-label"},[t.createVNode("div",{class:"f-toolbar mr-2"},[t.createVNode("span",{class:p(e)},null)]),t.createVNode("div",{class:"f-title f-utils-fill d-flex justify-content-between"},[t.createVNode("span",null,[e.name])])])])])])}function f(e){return{"d-none":e.dependentParent||e.hideInControlBox,controlPanel:!0,"drag-copy":!0,"no-drag":e.disable,updating:e.updating}}function y(e){const a={farrisControlIcon:!0,"fd-i-Family":!0},N=`fd_pc-${e.icon||e.type}`;return a[N]=!0,a}function g(e,a){return t.createVNode("div",{class:f(e),"data-sourceType":"control","data-controlType":e.type,"data-controlTypeName":e.name,"data-category":e.category,"data-feature":e.feature?JSON.stringify(e.feature):"","data-fieldType":e.fieldType,"data-templateId":e.id,"data-templateCategory":e.templateCategory,hidden:a.isHide},[t.createVNode("div",null,[t.createVNode("div",{class:y(e)},null),t.createVNode("div",{class:"controlName"},[e.name])])])}function m(e){return t.createVNode("div",{class:"card-body px-2 py-0 border-0 controlCategory no-drop"},[e.items.map(a=>g(a,e))])}function C(e){return!e.hideInControlBox&&t.createVNode("div",{class:"farris-panel-item card border-0"},[u(e),m(e)])}return t.watch(()=>r.dragula,e=>{var a;o.value=e,(a=o.value)==null||a.attachToolbox()}),()=>t.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[t.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[s.value.map(e=>C(e))])])}});n.FDesignerToolbox=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["designer-toolbox"]={},n.Vue))})(this,function(n,t){"use strict";const i={id:{type:String,default:""},dragula:{type:Object}},d=[{type:"input",name:"输入类控件",items:[{id:"TextBox",type:"input-group",name:"文本",category:"input"},{id:"MultiTextBox",type:"textarea",name:"多行文本",category:"input"},{id:"DateBox",type:"date-picker",name:"日期",category:"input"},{id:"EnumField",type:"combo-list",name:"下拉列表",category:"input"},{id:"NumericBox",type:"number-spinner",name:"数值",category:"input"},{id:"CheckBox",type:"check-box",name:"复选框",category:"input"},{id:"CheckBoxGroup",type:"check-group",name:"复选框组",category:"input"},{id:"RadioGroup",type:"radio-group",name:"单选组",category:"input"},{id:"SwitchField",type:"switch",name:"开关",category:"input"},{id:"LookupEdit",type:"lookup",name:"帮助",category:"input"}]},{type:"dataCollection",name:"数据集合类控件",items:[{id:"ResponseForm",type:"response-form",name:"卡片面板",category:"dataCollection"},{id:"DataGrid",type:"data-grid",name:"表格",category:"dataCollection"}]},{type:"container",name:"容器类控件",items:[{id:"Tab",type:"tabs",name:"标签页区域",category:"container"}]}],c=t.defineComponent({name:"FDesignerToolbox",props:i,emits:[],setup(r){const s=t.ref(d),o=t.ref(r.dragula);function l(e,a){a.isHide=!a.isHide}function p(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function u(e){return t.createVNode("div",{class:"card-header",onClick:a=>l(a,e)},[t.createVNode("div",{class:"panel-item-title"},[t.createVNode("div",{class:"f-section-formgroup-legend"},[t.createVNode("div",{class:"f-header px-2 col-form-label"},[t.createVNode("div",{class:"f-toolbar mr-2"},[t.createVNode("span",{class:p(e)},null)]),t.createVNode("div",{class:"f-title f-utils-fill d-flex justify-content-between"},[t.createVNode("span",null,[e.name])])])])])])}function f(e){return{"d-none":e.dependentParent||e.hideInControlBox,controlPanel:!0,"drag-copy":!0,"no-drag":e.disable,updating:e.updating}}function y(e){const a={farrisControlIcon:!0,"fd-i-Family":!0},N=`fd_pc-${e.icon||e.type}`;return a[N]=!0,a}function m(e,a){return t.createVNode("div",{class:f(e),"data-sourceType":"control","data-controlType":e.type,"data-controlTypeName":e.name,"data-category":e.category,"data-feature":e.feature?JSON.stringify(e.feature):"","data-fieldType":e.fieldType,"data-templateId":e.id,"data-templateCategory":e.templateCategory,hidden:a.isHide},[t.createVNode("div",null,[t.createVNode("div",{class:y(e)},null),t.createVNode("div",{class:"controlName"},[e.name])])])}function g(e){return t.createVNode("div",{class:"card-body px-2 py-0 border-0 controlCategory no-drop"},[e.items.map(a=>m(a,e))])}function C(e){return!e.hideInControlBox&&t.createVNode("div",{class:"farris-panel-item card border-0"},[u(e),g(e)])}return t.watch(()=>r.dragula,e=>{var a;o.value=e,(a=o.value)==null||a.attachToolbox()}),()=>t.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[t.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[s.value.map(e=>C(e))])])}});n.FDesignerToolbox=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/components/discussion-editor/index.esm.js

@@ -2,7 +2,7 @@ var Je = Object.defineProperty;
 var et = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var G = (e, t, n) => et(e, typeof t != "symbol" ? t + "" : t, n);
 import { ref as v, defineComponent as tt, computed as V, onMounted as nt, createVNode as c, createTextVNode as de, resolveComponent as ot } from "vue";
-import rt from "@farris/ui-vue/components/input-group";
+import rt from "../input-group/index.esm.js";
 const at = {
   cancelVisible: { Type: Boolean, default: !0 },
   personnelsPrimaryKey: { Type: String, default: "id" },