@farris/ui-vue 1.2.6 → 1.2.8

package/components/avatar/index.esm.js

@@ -1,100 +1,98 @@
-var V = Object.defineProperty;
-var D = (n, e, t) => e in n ? V(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var g = (n, e, t) => D(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as v, computed as C, defineComponent as w, createVNode as f, inject as F, onMounted as E } from "vue";
-import { cloneDeep as R } from "lodash-es";
-import { resolveAppearance as H } from "@farris/ui-vue/components/dynamic-resolver";
-import { useDesignerComponent as Q } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-component";
-import { withInstall as N } from "@farris/ui-vue/components/common";
-const O = {}, L = {};
-function P(n) {
-  const { properties: e, title: t } = n, o = Object.keys(e).reduce((r, l) => (r[l] = e[l].type === "object" && e[l].properties ? P(e[l]) : R(e[l].default), r), {});
-  return o.id = `${t}-${Date.now()}`, o;
+var S = Object.defineProperty;
+var D = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var m = (t, e, n) => D(t, typeof e != "symbol" ? e + "" : e, n);
+import { ref as v, computed as b, defineComponent as F, createVNode as f, inject as P, onMounted as H } from "vue";
+import { cloneDeep as N } from "lodash-es";
+import { resolveAppearance as j, getSchemaByType as M } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as Q } from "../designer-canvas/index.esm.js";
+import { withInstall as q } from "../common/index.esm.js";
+const O = {}, U = {};
+function V(t) {
+  const { properties: e, title: n } = t, r = Object.keys(e).reduce((o, p) => (o[p] = e[p].type === "object" && e[p].properties ? V(e[p]) : N(e[p].default), o), {});
+  return r.id = `${n}-${Date.now()}`, r;
 }
-function U(n, e) {
-  const t = P(e);
-  return Object.keys(n).reduce((o, r) => (o[r] = n[r], o), t), t;
+function W(t, e) {
+  const n = V(e);
+  return Object.keys(t).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], t[o]) : r[o] = t[o], r), n), n;
 }
-function j(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, r) => {
-    if (e.has(r)) {
-      const l = e.get(r);
-      if (typeof l == "string")
-        o[l] = n[r];
+function G(t, e) {
+  return Object.keys(t).filter((r) => t[r] != null).reduce((r, o) => {
+    if (e.has(o)) {
+      const p = e.get(o);
+      if (typeof p == "string")
+        r[p] = t[o];
       else {
-        const m = l(r, n[r], n);
-        Object.assign(o, m);
+        const g = p(o, t[o], t);
+        Object.assign(r, g);
       }
     } else
-      o[r] = n[r];
-    return o;
+      r[o] = t[o];
+    return r;
   }, {});
 }
-function q(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = U(n, e);
-  return j(o, t);
+function L(t, e, n = /* @__PURE__ */ new Map()) {
+  const r = W(t, e);
+  return G(r, n);
 }
-function W(n = {}) {
-  function e(i, s, c, d) {
+function Z(t = {}) {
+  function e(i, l, c, u) {
     if (typeof c == "number")
-      return d[i].length === c;
+      return u[i].length === c;
     if (typeof c == "object") {
-      const p = Object.keys(c)[0], y = c[p];
-      if (p === "not")
-        return Number(d[i].length) !== Number(y);
-      if (p === "moreThan")
-        return Number(d[i].length) >= Number(y);
-      if (p === "lessThan")
-        return Number(d[i].length) <= Number(y);
+      const s = Object.keys(c)[0], y = c[s];
+      if (s === "not")
+        return Number(u[i].length) !== Number(y);
+      if (s === "moreThan")
+        return Number(u[i].length) >= Number(y);
+      if (s === "lessThan")
+        return Number(u[i].length) <= Number(y);
     }
     return !1;
   }
-  function t(i, s, c, d) {
-    return d[i] && d[i].propertyValue && String(d[i].propertyValue.value) === String(c);
+  function n(i, l, c, u) {
+    return u[i] && u[i].propertyValue && String(u[i].propertyValue.value) === String(c);
   }
-  const o = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", t]
+    ["getProperty", n]
   ]);
-  Object.keys(n).reduce((i, s) => (i.set(s, n[s]), i), o);
-  function r(i, s) {
+  Object.keys(t).reduce((i, l) => (i.set(l, t[l]), i), r);
+  function o(i, l) {
     const c = i;
-    return typeof s == "number" ? [{ target: c, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!s }] : typeof s == "object" ? Object.keys(s).map((d) => {
-      if (d === "length")
-        return { target: c, operator: "length", param: null, value: s[d] };
-      const p = d, y = s[d];
-      return { target: c, operator: "getProperty", param: p, value: y };
+    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
+      if (u === "length")
+        return { target: c, operator: "length", param: null, value: l[u] };
+      const s = u, y = l[u];
+      return { target: c, operator: "getProperty", param: s, value: y };
     }) : [];
   }
-  function l(i) {
-    return Object.keys(i).reduce((c, d) => {
-      const p = r(d, i[d]);
-      return c.push(...p), c;
+  function p(i) {
+    return Object.keys(i).reduce((c, u) => {
+      const s = o(u, i[u]);
+      return c.push(...s), c;
     }, []);
   }
-  function m(i, s) {
-    if (o.has(i.operator)) {
-      const c = o.get(i.operator);
-      return c && c(i.target, i.param, i.value, s) || !1;
+  function g(i, l) {
+    if (r.has(i.operator)) {
+      const c = r.get(i.operator);
+      return c && c(i.target, i.param, i.value, l) || !1;
     }
     return !1;
   }
-  function u(i, s) {
-    return l(i).reduce((p, y) => p && m(y, s), !0);
+  function d(i, l) {
+    return p(i).reduce((s, y) => s && g(y, l), !0);
   }
-  function A(i, s) {
-    const c = Object.keys(i), d = c.includes("allOf"), p = c.includes("anyOf"), y = d || p, S = (y ? i[y ? d ? "allOf" : "anyOf" : "allOf"] : [i]).map((k) => u(k, s));
-    return d ? !S.includes(!1) : S.includes(!0);
+  function A(i, l) {
+    const c = Object.keys(i), u = c.includes("allOf"), s = c.includes("anyOf"), y = u || s, x = (y ? i[y ? u ? "allOf" : "anyOf" : "allOf"] : [i]).map((R) => d(R, l));
+    return u ? !x.includes(!1) : x.includes(!0);
   }
   return { parseValueSchema: A };
 }
 const a = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+  button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
   "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
-  DisplayField: { type: "DisplayField", name: "标签", icon: "DisplayField" },
   "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
   textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
   lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
@@ -105,114 +103,43 @@ const a = {
   "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
   "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
   "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
-  /** 暂时没用 */
-  FlexLayout: { type: "FlexLayout", name: "弹性布局" },
-  /** 暂时没用 */
-  FlowLayout: { type: "FlowLayout", name: "流布局" },
-  ResponseLayout: { type: "ResponseLayout", name: "布局容器", icon: "ResponseLayout3" },
-  ResponseLayoutItem: { type: "ResponseLayoutItem", name: "布局", icon: "ResponseLayout1" },
+  "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" },
-  TreeGridField: { type: "TreeGridField", name: "树表格列" },
-  FieldSet: { type: "FieldSet", name: "分组", icon: "FieldSet" },
-  Form: { type: "Form", name: "卡片面板", icon: "Form" },
-  QueryForm: { type: "QueryForm", name: "查询面板", icon: "Form" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
   "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
-  Module: { type: "Module", name: "模块", icon: "Module" },
+  module: { type: "Module", name: "模块", icon: "Module" },
   component: { type: "component", name: "组件", icon: "Component" },
-  ExternalContainer: { type: "ExternalContainer", name: "外部容器", icon: "ContentContainer" },
-  Image: { type: "Image", name: "图像", icon: "Image" },
-  ImageUpload: { type: "ImageUpload", name: "图片上传", icon: "imageupload" },
-  HiddenContainer: { type: "HiddenContainer", name: "隐藏区域", icon: "ContentContainer" },
-  ModalContainer: { type: "ModalContainer", name: "弹窗容器", icon: "ContentContainer" },
-  RouteContainer: { type: "RouteContainer", name: "路由区域", icon: "ContentContainer" },
   tabs: { type: "tabs", name: "标签页", icon: "Tab" },
   "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
-  Tag: { type: "Tag", name: "Tag", icon: "Tag" },
-  Sidebar: { type: "Sidebar", name: "侧边栏", icon: "Sidebar" },
-  HtmlTemplate: { type: "HtmlTemplate", name: "模版容器", icon: "HtmlTemplate" },
-  ListView: { type: "ListView", name: "列表", icon: "ListView" },
-  RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
-  TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
-  TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
   section: { type: "section", name: "分组面板", icon: "Section" },
-  SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
-  SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
-  QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
-  FormHeader: { type: "FormHeader", name: "翻页" },
-  Splitter: { type: "Splitter", name: "分栏面板", icon: "Splitter" },
-  SplitterPane: { type: "SplitterPane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  WizardDetail: { type: "WizardDetail", name: "向导详情页" },
-  WizardDetailContainer: { type: "WizardDetailContainer", name: "向导详情容器" },
-  Wizard: { type: "Wizard", name: "向导", icon: "Wizard" },
-  MultiSelect: { type: "MultiSelect", name: "数据分配", icon: "MultiSelect" },
-  Steps: { type: "Steps", name: "步骤条", icon: "Steps" },
-  avatar: { type: "avatar", name: "头像", icon: "Avatar" },
-  ListFilter: { type: "ListFilter", name: "筛选条", icon: "ListFilter" },
-  ListNav: { type: "ListNav", name: "列表导航", icon: "ListNav" },
-  NumberRange: { type: "NumberRange", name: "数字区间选择", icon: "NumericBox" },
-  Scrollspy: { type: "Scrollspy", name: "滚动监听", icon: "Scrollspy" },
-  LanguageTextBox: { type: "LanguageTextBox", name: "多语言输入框", icon: "LanguageTextBox" },
-  ComponentRef: { type: "ComponentRef", name: "组件引用节点" },
-  FileUpload: { type: "FileUpload", name: "附件上传", icon: "FileUpload" },
-  FilePreview: { type: "FilePreview", name: "附件预览", icon: "FilePreview" },
-  ViewChange: { type: "ViewChange", name: "多视图切换", icon: "Button" },
-  MultiViewContainer: { type: "MultiViewContainer", name: "多视图", icon: "MultiViewContainer" },
-  MultiViewItem: { type: "MultiViewItem", name: "多视图项", dependentParentControl: "MultiViewContainer" },
-  Footer: { type: "Footer", name: "页脚" },
-  DiscussionEditor: { type: "DiscussionEditor", name: "评论编辑区", icon: "DiscussionEditor" },
-  DiscussionList: { type: "DiscussionList", name: "评论列表", icon: "DiscussionList" },
-  NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
-  Tags: { type: "Tags", name: "标记组", icon: "Tags" },
-  Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
+  "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" },
-  ModalFooter: { type: "ModalFooter", name: "弹窗页脚", icon: "ModalFooter" },
-  ScrollCollapsibleArea: { type: "ScrollCollapsibleArea", name: "滚动收折区域", icon: "ScrollCollapsibleArea" },
-  PersonnelSelector: { type: "PersonnelSelector", name: "人员选择", icon: "PersonnelSelector" },
-  Table: { type: "Table", name: "表格", icon: "DataGrid" },
-  LoopContainer: { type: "LoopContainer", name: "循环容器", icon: "ContentContainer" },
-  FileUploadPreview: { type: "FileUploadPreview", name: "附件上传预览", icon: "FileUpload" },
-  DynamicArea: { type: "DynamicArea", name: "动态区域", icon: "ContentContainer" },
-  DynamicAreaItem: { type: "DynamicAreaItem", name: "动态区域项", icon: "ContentContainer" },
-  TabToolbar: { type: "TabToolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  HeaderToolBar: { type: "HeaderToolBar", name: "头部组件工具栏", icon: "HeaderToolBar" },
-  ModalFooterToolBar: { type: "ModalFooterToolBar", name: "底部组件工具栏", icon: "ModalFooterToolBar" },
-  HeaderToolBarItem: { type: "HeaderToolBarItem", name: "头部组件工具栏按钮", icon: "HeaderToolBarItem" },
-  ModalFooterToolBarItem: { type: "ModalFooterToolBarItem", name: "底部组件工具栏按钮", icon: "ModalFooterToolBarItem" },
-  OrganizationSelector: { type: "OrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  AdminOrganizationSelector: { type: "AdminOrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  EmployeeSelector: { type: "EmployeeSelector", name: "人员选择", icon: "PersonnelSelector" },
-  OaRelation: { type: "OaRelation", name: "关联行政审批", icon: "TextBox" },
-  CitySelector: { type: "CitySelector", name: "城市选择", icon: "CitySelector" },
-  ExtIntergration: { type: "ExtIntergration", name: "外部服务集成", icon: "ViewModel" },
-  AppointmentCalendar: { type: "AppointmentCalendar", name: "预约日历", icon: "DateBox" },
-  /** 查询类 start */
-  Charts: { type: "Charts", name: "图表", icon: "Charts" },
-  QdpFramework: { type: "QdpFramework", name: "查询结果工具栏", icon: "QdpFramework" },
-  SpreadSheet: { type: "SpreadSheet", name: "查询表格控件", icon: "Charts" },
-  QdpConditionDialog: { type: "QdpConditionDialog", name: "查询筛选对话框", icon: "ContentContainer" },
-  QdpConditionDialogTab: { type: "QdpConditionDialogTab", name: "查询筛选标签页", icon: "Tab" },
-  /** 查询类 end */
-  /** 审批类 start */
-  ApprovalLogs: { type: "ApprovalLogs", name: "审批记录", icon: "ApprovalLogs" },
-  ApprovalComments: { type: "ApprovalComments", name: "审批意见", icon: "shenpiyijian" }
-  /** 审批类 end */
-}, G = {}, z = {};
-W();
-function Z(n, e, t = /* @__PURE__ */ new Map(), o = (m, u, A) => u, r = {}, l = (m) => m) {
-  return O[e.title] = e, L[e.title] = o, G[e.title] = r, z[e.title] = l, (m = {}) => {
-    const u = q(m, e, t), A = Object.keys(n).reduce((i, s) => (i[s] = n[s].default, i), {});
-    return Object.assign(A, u);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, z = {}, K = {};
+Z();
+function J(t, e, n = /* @__PURE__ */ new Map(), r = (g, d, A) => d, o = {}, p = (g) => g) {
+  return O[e.title] = e, U[e.title] = r, z[e.title] = o, K[e.title] = p, (g = {}) => {
+    const d = L(g, e, n), A = Object.keys(t).reduce((i, l) => (i[l] = t[l].default, i), {});
+    return Object.assign(A, d);
   };
 }
-function K(n, e, t) {
+function Y(t, e, n) {
   return e;
 }
-const Y = /* @__PURE__ */ new Map([
-  ["appearance", H]
-]), X = "https://json-schema.org/draft/2020-12/schema", J = "https://farris-design.gitee.io/avatar.schema.json", $ = "avatar", _ = "A Farris Component", ee = "object", te = {
+const X = /* @__PURE__ */ new Map([
+  ["appearance", j]
+]), $ = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-design.gitee.io/avatar.schema.json", ee = "avatar", te = "A Farris Component", ne = "object", re = {
   id: {
     description: "The unique identifier for avatar",
     type: "string"
@@ -274,18 +201,18 @@ const Y = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, ne = [
+}, oe = [
   "id",
   "type"
-], oe = {
-  $schema: X,
-  $id: J,
-  title: $,
-  description: _,
-  type: ee,
-  properties: te,
-  required: ne
-}, T = {
+], ie = {
+  $schema: $,
+  $id: _,
+  title: ee,
+  description: te,
+  type: ne,
+  properties: re,
+  required: oe
+}, w = {
   /**
    * 头像宽度
    */
@@ -322,67 +249,67 @@ const Y = /* @__PURE__ */ new Map([
    * 支持的头像类型
    */
   imageType: { type: Array, default: ["jpeg"] }
-}, M = Z(T, oe, Y, K);
-function x(n, e, t, o) {
-  const r = "data:image/jpeg;base64,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", l = v(n.readonly);
-  function m(p) {
-    return p.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
+}, E = J(w, ie, X, Y);
+function I(t, e, n, r) {
+  const o = "data:image/jpeg;base64,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", p = v(t.readonly);
+  function g(s) {
+    return s.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
-  function u(p) {
-    return p.indexOf("data:image/") > -1;
+  function d(s) {
+    return s.indexOf("data:image/") > -1;
   }
-  function A(p) {
-    return p ? "data:image/jpeg;base64," + p : "";
+  function A(s) {
+    return s ? "data:image/jpeg;base64," + s : "";
   }
-  const i = C(() => {
+  const i = b(() => {
     var y;
-    if (!n.imageType || !n.imageType.length)
+    if (!t.imageType || !t.imageType.length)
       return "";
-    const p = (y = n.imageType) == null ? void 0 : y.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
-    return !p || !p.length ? "image/*" : p.join(",");
-  }), s = C(() => {
-    const p = o.value || n.cover || r;
-    return m(p) || u(p) ? p : A(p);
-  }), c = C(() => l.value ? "" : n.title);
-  function d() {
-    l.value || t && t.value && t.value.click();
+    const s = (y = t.imageType) == null ? void 0 : y.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
+    return !s || !s.length ? "image/*" : s.join(",");
+  }), l = b(() => {
+    const s = r.value || t.cover || o;
+    return g(s) || d(s) ? s : A(s);
+  }), c = b(() => p.value ? "" : t.title);
+  function u() {
+    p.value || n && n.value && n.value.click();
   }
-  return { acceptTypes: i, imageSource: s, imageTitle: c, onClickImage: d };
+  return { acceptTypes: i, imageSource: l, imageTitle: c, onClickImage: u };
 }
-const b = /* @__PURE__ */ w({
+const B = /* @__PURE__ */ F({
   name: "FAvatar",
-  props: T,
+  props: w,
   emits: ["change", "update:modelValue"],
-  setup(n, e) {
-    const t = C(() => ({
+  setup(t, e) {
+    const n = b(() => ({
       "f-avatar": !0,
-      "f-avatar-readonly": n.readonly,
-      "f-avatar-circle": n.shape === "circle",
-      "f-avatar-square": n.shape === "square"
-    })), o = v(n.modelValue), r = C(() => ({
-      width: n.avatarWidth + "px",
-      height: n.avatarHeight + "px"
-    })), l = !1;
-    function m() {
+      "f-avatar-readonly": t.readonly,
+      "f-avatar-circle": t.shape === "circle",
+      "f-avatar-square": t.shape === "square"
+    })), r = v(t.modelValue), o = b(() => ({
+      width: t.avatarWidth + "px",
+      height: t.avatarHeight + "px"
+    })), p = !1;
+    function g() {
       return "";
     }
-    function u() {
+    function d() {
     }
     const A = v(null), {
       acceptTypes: i,
-      imageSource: s,
+      imageSource: l,
       onClickImage: c
-    } = x(n, e, A, o);
+    } = I(t, e, A, r);
     return () => f("div", {
-      class: t.value,
-      style: r.value,
+      class: n.value,
+      style: o.value,
       onClick: c
-    }, [l, f("img", {
-      title: n.title,
+    }, [p, f("img", {
+      title: t.title,
       class: "f-avatar-image",
-      src: s.value,
-      onError: m
-    }, null), !n.readonly && f("div", {
+      src: l.value,
+      onError: g
+    }, null), !t.readonly && f("div", {
       class: "f-avatar-icon"
     }, [f("span", {
       class: "f-icon f-icon-camera"
@@ -392,69 +319,162 @@ const b = /* @__PURE__ */ w({
       type: "file",
       class: "f-avatar-upload",
       accept: i.value,
-      onChange: u,
+      onChange: d,
       style: "display: none;"
     }, null)]);
   }
 });
-function ae(n, e) {
-  n.schema;
-  const t = v(!0), o = v(!0);
-  function r(c) {
+function ae(t, e) {
+  t.schema;
+  const n = v(!0), r = v(!0);
+  function o(c) {
     return !1;
   }
-  function l() {
+  function p() {
     return !1;
   }
-  function m() {
+  function g() {
     return !1;
   }
-  function u() {
+  function d() {
     return !0;
   }
   function A(c) {
   }
   function i() {
   }
-  function s(c) {
+  function l(c) {
     return null;
   }
   return {
-    canAccepts: r,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: u,
+    canAccepts: o,
+    checkCanDeleteComponent: p,
+    checkCanMoveComponent: g,
+    hideNestedPaddingInDesginerView: d,
     onAcceptMovedChildElement: A,
     resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: s
+    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: l
   };
 }
-class I {
-  static getEditorTypesByMDataType(e) {
-    const t = this.fieldControlTypeMapping[e];
-    return t || [{ key: "", value: "" }];
+class se {
+  constructor(e, n) {
+    m(this, "componentId");
+    m(this, "viewModelId");
+    m(this, "eventsEditorUtils");
+    m(this, "formSchemaUtils");
+    m(this, "formMetadataConverter");
+    m(this, "designViewModelUtils");
+    m(this, "designViewModelField");
+    m(this, "controlCreatorUtils");
+    m(this, "designerHostService");
+    m(this, "schemaService", null);
+    m(this, "metadataService", null);
+    m(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var r;
+    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(e) {
+    const n = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((o) => o.id === n);
+      }
+      e.updateOn = this.designViewModelField.updateOn;
+    }
+  }
+  changeFieldEditorType(e, n) {
+  }
+  getBasicPropConfig(e) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [{ value: e.type, name: a[e.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(e = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
   }
 }
+const C = class C {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(e) {
+    const n = C.fieldControlTypeMapping[e];
+    return n || [{ key: "", value: "" }];
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (let n in C.fieldControlTypeMapping)
+      C.fieldControlTypeMapping[n].forEach((r) => {
+        e.find((o) => o.key === r.key && o.value === r.value) || e.push({ key: r.key, value: r.value });
+      });
+    return e;
+  }
+};
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-g(I, "fieldControlTypeMapping", {
+m(C, "fieldControlTypeMapping", {
   String: [
     { key: a["input-group"].type, value: a["input-group"].name },
     { key: a.lookup.type, value: a.lookup.name },
-    { key: a.Image.type, value: a.Image.name },
     { key: a["date-picker"].type, value: a["date-picker"].name },
     { key: a["check-box"].type, value: a["check-box"].name },
     { key: a["radio-group"].type, value: a["radio-group"].name },
     { key: a["combo-list"].type, value: a["combo-list"].name },
     { key: a.textarea.type, value: a.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
   ],
   Text: [
     { key: a.textarea.type, value: a.textarea.name },
-    { key: a.avatar.type, value: a.avatar.name },
     { key: a.lookup.type, value: a.lookup.name }
   ],
   Decimal: [
@@ -487,54 +507,23 @@ g(I, "fieldControlTypeMapping", {
     { key: a.lookup.type, value: a.lookup.name },
     { key: a["combo-list"].type, value: a["combo-list"].name },
     { key: a["radio-group"].type, value: a["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: a.EmployeeSelector.type, value: a.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: a.AdminOrganizationSelector.type, value: a.AdminOrganizationSelector.name }
   ]
 });
-class ie {
-  constructor(e, t) {
-    g(this, "componentId");
-    g(this, "viewModelId");
-    g(this, "eventsEditorUtils");
-    g(this, "formSchemaUtils");
-    g(this, "formMetadataConverter");
-    g(this, "designViewModelUtils");
-    g(this, "designViewModelField");
-    g(this, "controlCreatorUtils");
-    g(this, "designerHostService");
-    g(this, "schemaService", null);
-    g(this, "metadataService", null);
-    g(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var o;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
-  }
-  getTableInfo() {
-    var e;
-    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(e) {
-    const t = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (t) {
-      if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((r) => r.id === t);
-      }
-      e.updateOn = this.designViewModelField.updateOn;
-    }
-  }
-  changeFieldEditorType(e, t) {
-  }
-  getBasicPropConfig(e) {
-    var o, r;
-    var t = this;
-    return this.setDesignViewModelField(e), {
+let T = C;
+const le = v(0);
+class ce extends se {
+  constructor(e, n) {
+    super(e, n);
+  }
+  getPropertyConfig(e, n) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, n) {
+    var g;
+    var r = this;
+    this.setDesignViewModelField(e);
+    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), p = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -554,63 +543,48 @@ class ie {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: I.getEditorTypesByMDataType(((r = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : r.name) || ""),
-            editable: !1
+            editable: !1,
+            data: r.designViewModelField ? T.getEditorTypesByMDataType((g = r.designViewModelField.type) == null ? void 0 : g.name) : T.getAllInputTypes()
           }
         },
         label: {
           title: "标签",
           type: "string",
           $converter: "/converter/form-group-label.converter"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          $converter: "/converter/field-selector.converter",
+          editor: {
+            type: "field-selector",
+            bindingType: { enable: !1 },
+            editorParams: {
+              propertyData: e,
+              formBasicInfo: o
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: p
+          }
         }
       },
-      setPropertyRelates(l, m) {
-        if (l)
-          switch (l && l.propertyID) {
+      setPropertyRelates(d, A) {
+        if (d)
+          switch (d && d.propertyID) {
             case "type": {
-              t.changeControlType(e, l);
+              r.changeControlType(e, d, n);
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(e, t) {
-    var i, s, c, d, p;
-    const o = t.propertyValue, r = this.formSchemaUtils.getComponentById(this.componentId);
-    let l = this.getControlParentContainer(e.id, r);
-    if (!l)
-      return;
-    const m = l.contents.findIndex((y) => y.id === e.id), u = l.contents[m];
-    let A;
-    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
-      editor: {
-        $type: o
-      },
-      name: this.designViewModelField.name,
-      require: this.designViewModelField.require,
-      readonly: this.designViewModelField.readonly
-    }, !1), A = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(A, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label
-    }), Object.assign(A.editor, {
-      isTextArea: A.isTextArea && u.isTextArea,
-      type: o || "",
-      placeHolder: (i = u.editor) == null ? void 0 : i.placeHolder,
-      holdPlace: (s = u.editor) == null ? void 0 : s.holdPlace,
-      readonly: (c = u.editor) == null ? void 0 : c.readonly,
-      require: (d = u.editor) == null ? void 0 : d.require,
-      visible: (p = u.editor) == null ? void 0 : p.visible
-    }), l.contents.splice(m, 1, A);
-  }
-  getAppearanceConfig(e = null) {
+  getAppearanceProperties(e) {
     return {
       title: "样式",
       description: "Appearance",
@@ -640,90 +614,52 @@ class ie {
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(e, t) {
-    let o;
-    if (!t || !t.contents || t.contents.length === 0)
-      return null;
-    for (const r of t.contents) {
-      if (r.id === e)
-        return o = t, t;
-      if (o = this.getControlParentContainer(e, r), o)
-        return o;
-    }
-  }
-  getBindingFieldEditorOptions(e) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: e,
-        formBasicInfo: t
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (o) => {
-        const r = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(r);
-      },
-      textField: "bindingField"
-    };
-  }
-}
-class re extends ie {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getBasicProperties(e) {
-    let t = this.getBasicPropConfig(e);
-    return t.properties.binding = this.getFieldSelectorOptions(e), t;
-  }
-  getAppearanceProperties(e) {
-    return this.getAppearanceConfig(e);
-  }
   getEditorProperties(e) {
     return this.getComponentConfig(e);
   }
-  getPropertyConfig(e) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getFieldSelectorOptions(e) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo(), o = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
-      description: "绑定的表单字段",
-      title: "绑定",
-      $converter: "/converter/field-selector.converter",
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(e, n, r) {
+    var i, l, c, u;
+    const o = n.propertyValue, p = r && r.parent && r.parent.schema;
+    if (!p)
+      return;
+    const g = p.contents.findIndex((s) => s.id === e.id), d = p.contents[g];
+    let A;
+    this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        type: "field-selector",
-        bindingType: { enable: !1 },
-        editorParams: {
-          propertyData: e,
-          formBasicInfo: t
-        },
-        columns: [
-          { field: "name", title: "字段名称" },
-          { field: "bindingField", title: "绑定字段" },
-          { field: "fieldType", title: "字段类型" }
-        ],
-        data: o
-      }
-    };
-  }
-  getComponentConfig(e, t = {}, o = {}) {
-    const r = Object.assign({
+        $type: o
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), A = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o)), A || (A = M("form-group") || {}, A.editor = M(o) || {}, delete A.editor.id, delete A.editor.binding, delete A.editor.appearance), Object.assign(A, {
+      id: d.id,
+      appearance: d.appearance,
+      size: d.size,
+      label: d.label,
+      binding: d.binding,
+      visible: d.visible
+    }), Object.assign(A.editor, {
+      isTextArea: A.isTextArea && d.isTextArea,
+      placeholder: (i = d.editor) == null ? void 0 : i.placeholder,
+      holdPlace: (l = d.editor) == null ? void 0 : l.holdPlace,
+      readonly: (c = d.editor) == null ? void 0 : c.readonly,
+      require: (u = d.editor) == null ? void 0 : u.require
+    }), p.contents.splice(g, 1), p.contents.splice(g, 0, A), r.schema = Object.assign(d, A), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (s) => s.classList.remove("dgComponentSelected")
+    ), le.value++;
+  }
+  getComponentConfig(e, n = {}, r = {}) {
+    const o = Object.assign({
       description: "组件信息",
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), l = Object.assign({
+    }, n), p = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -744,13 +680,13 @@ class re extends ie {
         title: "提示文本",
         type: "string"
       }
-    }, o);
-    return { ...r, properties: { ...l } };
+    }, r);
+    return { ...o, properties: { ...p } };
   }
 }
-class le extends re {
-  constructor(e, t) {
-    super(e, t);
+class pe extends ce {
+  constructor(e, n) {
+    super(e, n);
   }
   getEditorProperties(e) {
     return {
@@ -783,71 +719,71 @@ class le extends re {
     };
   }
 }
-function se(n, e) {
+function de(t, e) {
   const {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
+    canAccepts: n,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: p,
+    onAcceptMovedChildElement: g,
+    resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: A,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = ae(n), s = n.schema;
-  function c(d) {
-    return new le(d, e).getPropertyConfig(s);
+  } = ae(t), l = t.schema;
+  function c(u, s) {
+    return new pe(u, e).getPropertyConfig(l, s);
   }
   return {
-    canAccepts: t,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
+    canAccepts: n,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: p,
+    onAcceptMovedChildElement: g,
+    resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: A,
     triggerBelongedComponentToDeleteWhenDeleted: i,
     getPropsConfig: c
   };
 }
-const ce = /* @__PURE__ */ w({
+const ue = /* @__PURE__ */ F({
   name: "FAvatarDesign",
-  props: T,
+  props: w,
   emits: ["change", "update:modelValue"],
-  setup(n, e) {
-    const t = v(), o = F("designer-host-service"), r = F("design-item-context"), l = se(r, o), m = Q(t, r, l);
-    E(() => {
-      t.value.componentInstance = m;
-    }), e.expose(m.value);
-    const u = C(() => ({
+  setup(t, e) {
+    const n = v(), r = P("designer-host-service"), o = P("design-item-context"), p = de(o, r), g = Q(n, o, p);
+    H(() => {
+      n.value.componentInstance = g;
+    }), e.expose(g.value);
+    const d = b(() => ({
       "f-avatar": !0,
-      "f-avatar-readonly": n.readonly,
-      "f-avatar-circle": n.shape === "circle",
-      "f-avatar-square": n.shape === "square"
-    })), A = v(n.modelValue), i = C(() => ({
-      width: n.avatarWidth + "px",
-      height: n.avatarHeight + "px"
-    })), s = !1;
+      "f-avatar-readonly": t.readonly,
+      "f-avatar-circle": t.shape === "circle",
+      "f-avatar-square": t.shape === "square"
+    })), A = v(t.modelValue), i = b(() => ({
+      width: t.avatarWidth + "px",
+      height: t.avatarHeight + "px"
+    })), l = !1;
     function c() {
       return "";
     }
-    function d() {
+    function u() {
     }
-    const p = v(null), {
+    const s = v(null), {
       acceptTypes: y,
       imageSource: h,
-      onClickImage: B
-    } = x(n, e, p, A);
+      onClickImage: k
+    } = I(t, e, s, A);
     return () => f("div", {
-      ref: t,
-      class: u.value,
+      ref: n,
+      class: d.value,
       style: i.value,
-      onClick: B
-    }, [s, f("img", {
-      title: n.title,
+      onClick: k
+    }, [l, f("img", {
+      title: t.title,
       class: "f-avatar-image",
       src: h.value,
       onError: c
-    }, null), !n.readonly && f("div", {
+    }, null), !t.readonly && f("div", {
       class: "f-avatar-icon"
     }, [f("span", {
       class: "f-icon f-icon-camera"
@@ -857,21 +793,21 @@ const ce = /* @__PURE__ */ w({
       type: "file",
       class: "f-avatar-upload",
       accept: y.value,
-      onChange: d,
+      onChange: u,
       style: "display: none;"
     }, null)]);
   }
 });
-b.register = (n, e, t, o) => {
-  n.avatar = b, e.avatar = M;
+B.register = (t, e, n, r) => {
+  t.avatar = B, e.avatar = E;
 };
-b.registerDesigner = (n, e, t) => {
-  n.avatar = ce, e.avatar = M;
+B.registerDesigner = (t, e, n) => {
+  t.avatar = ue, e.avatar = E;
 };
-const fe = N(b);
+const be = q(B);
 export {
-  b as FAvatar,
-  T as avatarProps,
-  fe as default,
-  M as propsResolver
+  B as FAvatar,
+  w as avatarProps,
+  be as default,
+  E as propsResolver
 };