@farris/ui-vue 1.2.6 → 1.2.8

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 l = i.direction !== "column";
+      e.id === ((n = t[0]) == null ? void 0 : n.id) ? r = l ? "左侧区域" : "上方区域" : r = l ? "右侧区域" : "下方区域";
     }
-    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, l, c) {
+    var d;
+    const o = (d = a.data.module) == null ? void 0 : d.components.find((f) => f.id === t.component);
+    o && g([o], n, l, c);
   }
-  function e(t, i, u, c) {
-    return t.forEach((n) => {
-      if (n.type === "component-ref") {
-        S(n, i, u, c);
+  function g(t, n, l, c) {
+    return t.forEach((o) => {
+      if (o.type === "component-ref") {
+        w(o, n, l, c);
         return;
       }
-      const s = {
-        originalId: n.id,
-        layer: u,
+      const d = {
+        originalId: o.id,
+        layer: l,
         originalParent: c == null ? void 0 : c.id,
-        name: C(n, c),
-        type: n.type,
-        controlIcon: b(n),
-        rawSchema: n
+        name: m(o, c),
+        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, l + 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; ) {
+  function v(t) {
+    const n = [], l = t.find((f) => f.layer === 0);
+    t = t.filter((f) => f.layer !== 0), n.push(l);
+    let c = l.originalId, o = 0, d = 1e3;
+    for (; t.length !== 0 || d === 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;
+      f ? (n.push(f), c = f.originalId, t = t.filter((y) => y.originalId !== c), o = 0) : (o -= 1, c = 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, l) => {
+      n.id = (l + 1).toString();
+    }), t.forEach((n) => {
+      var l;
+      n.parent = ((l = t.find((c) => c.originalId === n.originalParent)) == null ? void 0 : l.id) || "";
+    }), t.forEach((n) => {
+      n.hasChildren = t.findIndex((l) => l.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: l,
+      currentSelectedNodeId: c
+    } = n, {
+      getData: o
+    } = G(a, n);
+    let d = o();
+    function f() {
+      d = o(), u.value && u.value.updateDataSource && (u.value.updateDataSource(d), c && u.value.clearSelection && (u.value.clearSelection(), y({
+        id: c.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];
+          c && (c.value = x.originalId);
+        }
       }
     }
-    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: l
     }, null)]);
   }
 });
 export {
-  w as ComponentType,
-  D as FDesignerOutline,
-  x as designerOutlineProps
+  p as ComponentType,
+  M as FDesignerOutline,
+  D as designerOutlineProps
 };

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" },