@farris/ui-vue 1.2.6 → 1.2.8

package/components/checkbox/index.esm.js

@@ -1,10 +1,11 @@
-var oe = Object.defineProperty;
-var ae = (n, e, t) => e in n ? oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var F = (n, e, t) => ae(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as O, inject as x, ref as g, computed as N, watch as E, onMounted as U, createVNode as v, Fragment as ie, provide as re } from "vue";
-import { cloneDeep as le } from "lodash-es";
-import { CHECKBOX_CONTEXT as W, useCheck as ce } from "@farris/ui-vue/components/common";
-const se = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/check-box.schema.json", ue = "check-box", de = "A Farris Input Component", me = "object", ye = {
+var ie = Object.defineProperty;
+var ae = (n, e, t) => e in n ? ie(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var V = (n, e, t) => ae(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as j, inject as E, ref as h, computed as O, watch as A, onMounted as q, createVNode as v, Fragment as ce, provide as le } from "vue";
+import { cloneDeep as se } from "lodash-es";
+import { CHECKBOX_CONTEXT as J, useCheck as pe } from "../common/index.esm.js";
+import { getSchemaByType as X } from "../dynamic-resolver/index.esm.js";
+const ue = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/check-box.schema.json", me = "check-box", fe = "A Farris Input Component", ye = "object", he = {
   id: {
     description: "The unique identifier for a check box",
     type: "string"
@@ -12,7 +13,7 @@ const se = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-
   type: {
     description: "The type string of check box component",
     type: "string",
-    default: "checkbox"
+    default: "check-box"
   },
   appearance: {
     description: "",
@@ -76,115 +77,113 @@ const se = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-
     type: "boolean",
     default: !0
   }
-}, fe = [
+}, ge = [
   "id",
   "type"
-], he = {
-  $schema: se,
-  $id: pe,
-  title: ue,
-  description: de,
-  type: me,
-  properties: ye,
-  required: fe
-}, H = {}, q = {};
+], ve = {
+  $schema: ue,
+  $id: de,
+  title: me,
+  description: fe,
+  type: ye,
+  properties: he,
+  required: ge
+}, H = {}, Q = {};
 function z(n) {
-  const { properties: e, title: t } = n, o = Object.keys(e).reduce((i, c) => (i[c] = e[c].type === "object" && e[c].properties ? z(e[c]) : le(e[c].default), i), {});
+  const { properties: e, title: t } = n, o = Object.keys(e).reduce((r, l) => (r[l] = e[l].type === "object" && e[l].properties ? z(e[l]) : se(e[l].default), r), {});
   return o.id = `${t}-${Date.now()}`, o;
 }
-function L(n, e = {}) {
+function G(n, e = {}) {
   const t = H[n];
   if (t) {
     let o = z(t);
-    const i = q[n];
-    return o = i ? i({ getSchemaByType: L }, o, e) : o, o;
+    const r = Q[n];
+    return o = r ? r({ getSchemaByType: G }, o, e) : o, o;
   }
   return null;
 }
-function ge(n, e) {
+function be(n, e) {
   const t = z(e);
-  return Object.keys(n).reduce((o, i) => (o[i] = n[i], o), t), t;
+  return Object.keys(n).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], n[r]) : o[r] = n[r], o), t), t;
 }
-function ve(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, i) => {
-    if (e.has(i)) {
-      const c = e.get(i);
-      if (typeof c == "string")
-        o[c] = n[i];
+function ke(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];
       else {
-        const m = c(i, n[i], n);
+        const m = l(r, n[r], n);
         Object.assign(o, m);
       }
     } else
-      o[i] = n[i];
+      o[r] = n[r];
     return o;
   }, {});
 }
-function be(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = ge(n, e);
-  return ve(o, t);
+function Ce(n, e, t = /* @__PURE__ */ new Map()) {
+  const o = be(n, e);
+  return ke(o, t);
 }
-function Ce(n = {}) {
-  function e(r, u, a, p) {
-    if (typeof a == "number")
-      return p[r].length === a;
-    if (typeof a == "object") {
-      const s = Object.keys(a)[0], y = a[s];
-      if (s === "not")
-        return Number(p[r].length) !== Number(y);
-      if (s === "moreThan")
-        return Number(p[r].length) >= Number(y);
-      if (s === "lessThan")
-        return Number(p[r].length) <= Number(y);
+function Me(n = {}) {
+  function e(a, u, i, p) {
+    if (typeof i == "number")
+      return p[a].length === i;
+    if (typeof i == "object") {
+      const c = Object.keys(i)[0], y = i[c];
+      if (c === "not")
+        return Number(p[a].length) !== Number(y);
+      if (c === "moreThan")
+        return Number(p[a].length) >= Number(y);
+      if (c === "lessThan")
+        return Number(p[a].length) <= Number(y);
     }
     return !1;
   }
-  function t(r, u, a, p) {
-    return p[r] && p[r].propertyValue && String(p[r].propertyValue.value) === String(a);
+  function t(a, u, i, p) {
+    return p[a] && p[a].propertyValue && String(p[a].propertyValue.value) === String(i);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((r, u) => (r.set(u, n[u]), r), o);
-  function i(r, u) {
-    const a = r;
-    return typeof u == "number" ? [{ target: a, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: a, operator: "getProperty", param: r, value: !!u }] : typeof u == "object" ? Object.keys(u).map((p) => {
+  Object.keys(n).reduce((a, u) => (a.set(u, n[u]), a), o);
+  function r(a, u) {
+    const i = a;
+    return typeof u == "number" ? [{ target: i, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!u }] : typeof u == "object" ? Object.keys(u).map((p) => {
       if (p === "length")
-        return { target: a, operator: "length", param: null, value: u[p] };
-      const s = p, y = u[p];
-      return { target: a, operator: "getProperty", param: s, value: y };
+        return { target: i, operator: "length", param: null, value: u[p] };
+      const c = p, y = u[p];
+      return { target: i, operator: "getProperty", param: c, value: y };
     }) : [];
   }
-  function c(r) {
-    return Object.keys(r).reduce((a, p) => {
-      const s = i(p, r[p]);
-      return a.push(...s), a;
+  function l(a) {
+    return Object.keys(a).reduce((i, p) => {
+      const c = r(p, a[p]);
+      return i.push(...c), i;
     }, []);
   }
-  function m(r, u) {
-    if (o.has(r.operator)) {
-      const a = o.get(r.operator);
-      return a && a(r.target, r.param, r.value, u) || !1;
+  function m(a, u) {
+    if (o.has(a.operator)) {
+      const i = o.get(a.operator);
+      return i && i(a.target, a.param, a.value, u) || !1;
     }
     return !1;
   }
-  function d(r, u) {
-    return c(r).reduce((s, y) => s && m(y, u), !0);
+  function d(a, u) {
+    return l(a).reduce((c, y) => c && m(y, u), !0);
   }
-  function f(r, u) {
-    const a = Object.keys(r), p = a.includes("allOf"), s = a.includes("anyOf"), y = p || s, b = (y ? r[y ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((B) => d(B, u));
+  function f(a, u) {
+    const i = Object.keys(a), p = i.includes("allOf"), c = i.includes("anyOf"), y = p || c, b = (y ? a[y ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => d(B, u));
     return p ? !b.includes(!1) : b.includes(!0);
   }
   return { parseValueSchema: f };
 }
-const l = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const s = {
+  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" },
@@ -195,118 +194,47 @@ const l = {
   "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 */
-}, ke = {}, Te = {};
-Ce();
-function Q(n, e, t = /* @__PURE__ */ new Map(), o = (m, d, f) => d, i = {}, c = (m) => m) {
-  return H[e.title] = e, q[e.title] = o, ke[e.title] = i, Te[e.title] = c, (m = {}) => {
-    const d = be(m, e, t), f = Object.keys(n).reduce((r, u) => (r[u] = n[u].default, r), {});
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, Te = {}, Ve = {};
+Me();
+function Y(n, e, t = /* @__PURE__ */ new Map(), o = (m, d, f) => d, r = {}, l = (m) => m) {
+  return H[e.title] = e, Q[e.title] = o, Te[e.title] = r, Ve[e.title] = l, (m = {}) => {
+    const d = Ce(m, e, t), f = Object.keys(n).reduce((a, u) => (a[u] = n[u].default, a), {});
     return Object.assign(f, d);
   };
 }
-function Se(n, e) {
+function we(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const _ = /* @__PURE__ */ new Map([
-  ["appearance", Se]
+const Z = /* @__PURE__ */ new Map([
+  ["appearance", we]
 ]);
-function X(n, e, t) {
+function I(n, e, t) {
   return e;
 }
-const G = {
+const W = {
   /** 组件唯一标识 */
   id: { Type: String, default: "" },
   /** 自定义样式 */
@@ -329,67 +257,67 @@ const G = {
   label: { type: String, default: "" },
   /** 标识是否被选中 */
   checked: { type: Boolean, default: !1 }
-}, R = Q(G, he, _, X), $ = /* @__PURE__ */ O({
+}, K = Y(W, ve, Z, I), U = /* @__PURE__ */ j({
   name: "FCheckBox",
-  props: G,
+  props: W,
   emits: ["change", "changeValue", "update:modelValue", "update:checked"],
   setup(n, e) {
-    const t = x(W, null), {
+    const t = E(J, null), {
       buttonClass: o,
-      disabled: i,
-      name: c,
+      disabled: r,
+      name: l,
       shouldRenderButton: m,
       shouldRenderNative: d,
       shouldRenderTag: f,
-      tagClass: r,
+      tagClass: a,
       checked: u,
-      onClickCheckBox: a
-    } = ce(n, e, t == null ? void 0 : t.parentProps, t == null ? void 0 : t.parentContext);
-    g();
-    const p = g(n.id), s = g(n.customClass), y = g(n.modelValue), k = g(n.indeterminate);
-    return N(() => {
-      const C = {
+      onClickCheckBox: i
+    } = pe(n, e, t == null ? void 0 : t.parentProps, t == null ? void 0 : t.parentContext);
+    h();
+    const p = h(n.id), c = h(n.customClass), y = h(n.modelValue), C = h(n.indeterminate);
+    return O(() => {
+      const k = {
         "custom-control": !0,
         "custom-checkbox": !0
       };
-      return s.value && s.value.split(" ").reduce((b, M) => (b[M] = !0, b), C), C;
-    }), E(() => n.modelValue, (C) => {
-      y.value = C;
-    }), E(() => n.indeterminate, (C) => {
-      k.value = C;
-    }), U(() => {
+      return c.value && c.value.split(" ").reduce((b, w) => (b[w] = !0, b), k), k;
+    }), A(() => n.modelValue, (k) => {
+      y.value = k;
+    }), A(() => n.indeterminate, (k) => {
+      C.value = k;
+    }), q(() => {
     }), () => {
-      var C, b, M, B, D, V;
-      return v(ie, null, [m.value && v("div", {
+      var k, b, w, B, D, x;
+      return v(ce, null, [m.value && v("div", {
         class: o.value,
         style: "border-radius:0;border: 1px solid #E8EBF2;",
-        onClick: a
-      }, [(b = (C = e.slots).default) == null ? void 0 : b.call(C)]), f.value && v("div", {
-        class: r.value,
-        onClick: a
+        onClick: i
+      }, [(b = (k = e.slots).default) == null ? void 0 : b.call(k)]), f.value && v("div", {
+        class: a.value,
+        onClick: i
       }, [v("div", {
         class: "title"
-      }, [(B = (M = e.slots).default) == null ? void 0 : B.call(M)]), v("div", {
+      }, [(B = (w = e.slots).default) == null ? void 0 : B.call(w)]), v("div", {
         class: "tip"
       }, null), v("span", {
         class: "f-icon f-icon-check f-radio-icon"
       }, null)]), d.value && v("div", {
         class: "custom-control custom-checkbox",
-        onClick: a
+        onClick: i
       }, [v("input", {
         type: "checkbox",
         class: "custom-control-input",
-        name: c.value,
+        name: l.value,
         id: p,
         value: n.value,
         checked: u.value,
-        disabled: i.value
+        disabled: r.value
       }, null), v("div", {
         class: "custom-control-label"
-      }, [(V = (D = e.slots).default) == null ? void 0 : V.call(D)])])]);
+      }, [(x = (D = e.slots).default) == null ? void 0 : x.call(D)])])]);
     };
   }
-}), Fe = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/check-box.schema.json", Be = "check-group", we = "A Farris Input Component", De = "object", Pe = {
+}), Be = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/check-box.schema.json", De = "check-group", Se = "A Farris Input Component", Fe = "object", xe = {
   id: {
     description: "The unique identifier for a check box",
     type: "string"
@@ -456,18 +384,18 @@ const G = {
     type: "boolean",
     default: !0
   }
-}, Ve = [
+}, Ee = [
   "id",
   "type"
-], xe = {
-  $schema: Fe,
-  $id: Me,
-  title: Be,
-  description: we,
-  type: De,
-  properties: Pe,
-  required: Ve
-}, Ee = {
+], Ae = {
+  $schema: Be,
+  $id: Pe,
+  title: De,
+  description: Se,
+  type: Fe,
+  properties: xe,
+  required: Ee
+}, $e = {
   /**
    * 是否被选中
    */
@@ -484,8 +412,8 @@ const G = {
    * type为button或者tag时的尺寸
    */
   size: { type: String, default: "middle" }
-}, j = {
-  ...Ee,
+}, L = {
+  ...$e,
   /**
    * 组件标识
    */
@@ -541,184 +469,184 @@ const G = {
    * 枚举数组中枚举值的key值。
    */
   valueField: { type: String, default: "value" }
-}, Y = Q(j, xe, _, X);
-function Z(n, e, t) {
-  const o = N(() => !n.disabled), i = g(n.enumData);
-  function c(a) {
-    return a[n.valueField];
+}, R = Y(L, Ae, Z, I);
+function ee(n, e, t) {
+  const o = O(() => !n.disabled), r = h(n.enumData);
+  function l(i) {
+    return i[n.valueField];
   }
-  function m(a) {
-    return a[n.textField];
+  function m(i) {
+    return i[n.textField];
   }
-  function d(a) {
-    return a ? n.isStringValue ? a.split(n.separator) : a : [];
+  function d(i) {
+    return i ? n.isStringValue ? i.split(n.separator) : i : [];
   }
-  function f(a) {
-    const s = i.value.map((y) => c(y)).filter((y) => a.some((k) => k === String(y)));
-    return n.isStringValue ? s.join(n.separator) : s;
+  function f(i) {
+    const c = r.value.map((y) => l(y)).filter((y) => i.some((C) => C === String(y)));
+    return n.isStringValue ? c.join(n.separator) : c;
   }
-  function r(a) {
-    const p = String(c(a));
+  function a(i) {
+    const p = String(l(i));
     return d(t.value).some((y) => y === p);
   }
-  function u(a, p) {
+  function u(i, p) {
     if (o.value) {
-      let s = d(t.value) || [];
-      const y = String(c(a));
-      !s || !s.length ? s.push(y) : s.some((k) => k === y) ? s = s.filter((k) => k !== y) : s.push(y), t.value = f(s), e.emit("changeValue", t.value), e.emit("update:modelValue", t.value);
+      let c = d(t.value) || [];
+      const y = String(l(i));
+      !c || !c.length ? c.push(y) : c.some((C) => C === y) ? c = c.filter((C) => C !== y) : c.push(y), t.value = f(c), e.emit("changeValue", t.value), e.emit("update:modelValue", t.value);
     }
     p.stopPropagation();
   }
   return {
-    enumData: i,
-    getValue: c,
+    enumData: r,
+    getValue: l,
     getText: m,
-    checked: r,
+    checked: a,
     onClickCheckbox: u
   };
 }
-const P = /* @__PURE__ */ O({
+const F = /* @__PURE__ */ j({
   name: "FCheckGroup",
-  props: j,
+  props: L,
   emits: ["changeValue", "update:modelValue"],
   setup(n, e) {
-    const t = g(n.modelValue), o = g(n.horizontal), i = g(n.tabIndex), c = g(n.name), {
+    const t = h(n.modelValue), o = h(n.horizontal), r = h(n.tabIndex), l = h(n.name), {
       enumData: m,
       onClickCheckbox: d,
       getValue: f,
-      getText: r,
+      getText: a,
       checked: u
-    } = Z(n, e, t), a = N(() => ({
+    } = ee(n, e, t), i = O(() => ({
       "farris-checkradio-hor": o.value
     }));
-    E(() => n.modelValue, (s) => {
-      t.value = s;
+    A(() => n.modelValue, (c) => {
+      t.value = c;
     });
-    const p = g([]);
-    return re(W, {
+    const p = h([]);
+    return le(J, {
       values: p,
       parentProps: n,
       parentContext: e
     }), () => v("div", {
-      class: ["farris-input-wrap", a.value]
-    }, [e.slots.default ? e.slots.default() : m.value.map((s, y) => {
-      const k = "checkbox_" + c.value + y;
+      class: ["farris-input-wrap", i.value]
+    }, [e.slots.default ? e.slots.default() : m.value.map((c, y) => {
+      const C = "checkbox_" + l.value + y;
       return v("div", {
         class: "custom-control custom-checkbox"
       }, [v("input", {
         type: "checkbox",
         class: "custom-control-input",
-        name: c.value,
-        id: k,
-        value: f(s),
-        checked: u(s),
+        name: l.value,
+        id: C,
+        value: f(c),
+        checked: u(c),
         disabled: n.disabled,
-        tabindex: i.value,
-        onClick: (C) => d(s, C)
+        tabindex: r.value,
+        onClick: (k) => d(c, k)
       }, null), v("label", {
         class: "custom-control-label",
-        for: k,
-        title: r(s)
-      }, [r(s)])]);
+        for: C,
+        title: a(c)
+      }, [a(c)])]);
     })]);
   }
 });
-function J(n, e, t) {
-  var V;
+function te(n, e, t) {
+  var x;
   function o() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   o();
-  const i = t && t.getStyles && t.getStyles() || "", c = t && t.getDesignerClass && t.getDesignerClass() || "", m = g();
+  const r = t && t.getStyles && t.getStyles() || "", l = t && t.getDesignerClass && t.getDesignerClass() || "", m = h();
   function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function f() {
     return !1;
   }
-  function r() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
   function u() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function a(h) {
-    if (!h || !h.value)
+  function i(g) {
+    if (!g || !g.value)
       return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const S = g(h == null ? void 0 : h.value.parent), T = a(S);
-    return T || null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const T = h(g == null ? void 0 : g.value.parent), M = i(T);
+    return M || null;
   }
-  function p(h = e) {
-    const { componentInstance: S, designerItemElementRef: T } = h;
-    return !S || !S.value ? null : S.value.canMove ? T : p(h.parent);
+  function p(g = e) {
+    const { componentInstance: T, designerItemElementRef: M } = g;
+    return !T || !T.value ? null : T.value.canMove ? M : p(g.parent);
   }
-  function s(h) {
-    return !!t && t.canAccepts(h);
+  function c(g) {
+    return !!t && t.canAccepts(g);
   }
   function y() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function k() {
+  function C() {
   }
-  function C(h, S) {
-    S && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(S);
+  function k(g, T) {
+    T && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(T);
   }
-  function b(h) {
-    const { componentType: S } = h;
-    let T = L(S, h);
-    t && t.onResolveNewComponentSchema && (T = t.onResolveNewComponentSchema(h, T));
-    const A = S.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === S && (T.id = `${A}_${Math.random().toString().slice(2, 6)}`), T;
+  function b(g) {
+    const { componentType: T } = g;
+    let M = G(T, g);
+    t && t.onResolveNewComponentSchema && (M = t.onResolveNewComponentSchema(g, M));
+    const $ = T.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === T && (M.id = `${$}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function M(h, S) {
-    const T = String(h.getAttribute("data-controltype")), A = h.getAttribute("data-feature"), I = A ? JSON.parse(A) : {};
-    I.parentComponentInstance = m.value;
-    let w = L(T, I);
-    t && t.onAcceptNewChildElement && (w = t.onAcceptNewChildElement(h, S, w));
-    const ne = T.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === T && (w.id = `${ne}_${Math.random().toString().slice(2, 6)}`), w;
+  function w(g, T) {
+    const M = String(g.getAttribute("data-controltype")), $ = g.getAttribute("data-feature"), _ = $ ? JSON.parse($) : {};
+    _.parentComponentInstance = m.value;
+    let P = G(M, _);
+    t && t.onAcceptNewChildElement && (P = t.onAcceptNewChildElement(g, T, P));
+    const re = M.toLowerCase().replace("-", "_");
+    return P && !P.id && P.type === M && (P.id = `${re}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function B(h) {
+  function B(g) {
   }
-  function D(...h) {
+  function D(...g) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...h);
+      return t.getPropsConfig(...g);
   }
   return m.value = {
     canMove: d(),
     canSelectParent: f(),
-    canDelete: r(),
+    canDelete: a(),
     canNested: !u(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (V = e == null ? void 0 : e.parent) == null ? void 0 : V.componentInstance,
+    parent: (x = e == null ? void 0 : e.parent) == null ? void 0 : x.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: c,
-    canAccepts: s,
-    getBelongedComponentInstance: a,
+    styles: r,
+    designerClass: l,
+    canAccepts: c,
+    getBelongedComponentInstance: i,
     getDraggableDesignItemElement: p,
     getDraggingDisplayText: y,
     getPropConfig: D,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: C,
-    onAcceptNewChildElement: M,
+    getDragScopeElement: C,
+    onAcceptMovedChildElement: k,
+    onAcceptNewChildElement: w,
     onChildElementMovedOut: B,
     addNewChildComponentSchema: b,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || g(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || g(!1)
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
   }, m;
 }
-function K(n, e) {
+function ne(n, e) {
   n.schema;
-  const t = g(!0), o = g(!0);
-  function i(a) {
+  const t = h(!0), o = h(!0);
+  function r(i) {
     return !1;
   }
-  function c() {
+  function l() {
     return !1;
   }
   function m() {
@@ -727,129 +655,191 @@ function K(n, e) {
   function d() {
     return !0;
   }
-  function f(a) {
+  function f(i) {
   }
-  function r() {
+  function a() {
   }
-  function u(a) {
+  function u(i) {
     return null;
   }
   return {
-    canAccepts: i,
-    checkCanDeleteComponent: c,
+    canAccepts: r,
+    checkCanDeleteComponent: l,
     checkCanMoveComponent: m,
     hideNestedPaddingInDesginerView: d,
     onAcceptMovedChildElement: f,
-    resolveComponentContext: r,
+    resolveComponentContext: a,
     triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: u
   };
 }
-class ee {
+class Ne {
+  constructor(e, t) {
+    V(this, "componentId");
+    V(this, "viewModelId");
+    V(this, "eventsEditorUtils");
+    V(this, "formSchemaUtils");
+    V(this, "formMetadataConverter");
+    V(this, "designViewModelUtils");
+    V(this, "designViewModelField");
+    V(this, "controlCreatorUtils");
+    V(this, "designerHostService");
+    V(this, "schemaService", null);
+    V(this, "metadataService", null);
+    V(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) {
+    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: s[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 S = class S {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
   static getEditorTypesByMDataType(e) {
-    const t = this.fieldControlTypeMapping[e];
+    const t = S.fieldControlTypeMapping[e];
     return t || [{ key: "", value: "" }];
   }
-}
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (let t in S.fieldControlTypeMapping)
+      S.fieldControlTypeMapping[t].forEach((o) => {
+        e.find((r) => r.key === o.key && r.value === o.value) || e.push({ key: o.key, value: o.value });
+      });
+    return e;
+  }
+};
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-F(ee, "fieldControlTypeMapping", {
+V(S, "fieldControlTypeMapping", {
   String: [
-    { key: l["input-group"].type, value: l["input-group"].name },
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l.Image.type, value: l.Image.name },
-    { key: l["date-picker"].type, value: l["date-picker"].name },
-    { key: l["check-box"].type, value: l["check-box"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l.textarea.type, value: l.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
+    { key: s["input-group"].type, value: s["input-group"].name },
+    { key: s.lookup.type, value: s.lookup.name },
+    { key: s["date-picker"].type, value: s["date-picker"].name },
+    { key: s["check-box"].type, value: s["check-box"].name },
+    { key: s["radio-group"].type, value: s["radio-group"].name },
+    { key: s["combo-list"].type, value: s["combo-list"].name },
+    { key: s.textarea.type, value: s.textarea.name }
   ],
   Text: [
-    { key: l.textarea.type, value: l.textarea.name },
-    { key: l.avatar.type, value: l.avatar.name },
-    { key: l.lookup.type, value: l.lookup.name }
+    { key: s.textarea.type, value: s.textarea.name },
+    { key: s.lookup.type, value: s.lookup.name }
   ],
   Decimal: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: s["number-spinner"].type, value: s["number-spinner"].name }
   ],
   Integer: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: s["number-spinner"].type, value: s["number-spinner"].name }
   ],
   Number: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: s["number-spinner"].type, value: s["number-spinner"].name }
   ],
   BigNumber: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: s["number-spinner"].type, value: s["number-spinner"].name }
   ],
   Date: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: s["date-picker"].type, value: s["date-picker"].name }
   ],
   DateTime: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: s["date-picker"].type, value: s["date-picker"].name }
   ],
   Boolean: [
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
+    { key: s.switch.type, value: s.switch.name },
+    { key: s["check-box"].type, value: s["check-box"].name }
   ],
   Enum: [
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
+    { key: s["combo-list"].type, value: s["combo-list"].name },
+    { key: s["radio-group"].type, value: s["radio-group"].name }
   ],
   Object: [
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: l.EmployeeSelector.type, value: l.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: l.AdminOrganizationSelector.type, value: l.AdminOrganizationSelector.name }
+    { key: s.lookup.type, value: s.lookup.name },
+    { key: s["combo-list"].type, value: s["combo-list"].name },
+    { key: s["radio-group"].type, value: s["radio-group"].name }
   ]
 });
-class Ae {
+let N = S;
+const je = h(0);
+class oe extends Ne {
   constructor(e, t) {
-    F(this, "componentId");
-    F(this, "viewModelId");
-    F(this, "eventsEditorUtils");
-    F(this, "formSchemaUtils");
-    F(this, "formMetadataConverter");
-    F(this, "designViewModelUtils");
-    F(this, "designViewModelField");
-    F(this, "controlCreatorUtils");
-    F(this, "designerHostService");
-    F(this, "schemaService", null);
-    F(this, "metadataService", null);
-    F(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((i) => i.id === t);
-      }
-      e.updateOn = this.designViewModelField.updateOn;
-    }
+    super(e, t);
   }
-  changeFieldEditorType(e, t) {
+  getPropertyConfig(e, t) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
   }
-  getBasicPropConfig(e) {
-    var o, i;
-    var t = this;
-    return this.setDesignViewModelField(e), {
+  getBasicProperties(e, t) {
+    var m;
+    var o = this;
+    this.setDesignViewModelField(e);
+    const r = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -869,63 +859,48 @@ class Ae {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: ee.getEditorTypesByMDataType(((i = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : i.name) || ""),
-            editable: !1
+            editable: !1,
+            data: o.designViewModelField ? N.getEditorTypesByMDataType((m = o.designViewModelField.type) == null ? void 0 : m.name) : N.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: r
+            },
+            columns: [
+              { field: "name", title: "字段名称" },
+              { field: "bindingField", title: "绑定字段" },
+              { field: "fieldType", title: "字段类型" }
+            ],
+            textField: "bindingField",
+            data: l
+          }
         }
       },
-      setPropertyRelates(c, m) {
-        if (c)
-          switch (c && c.propertyID) {
+      setPropertyRelates(d, f) {
+        if (d)
+          switch (d && d.propertyID) {
             case "type": {
-              t.changeControlType(e, c);
+              o.changeControlType(e, d, t);
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(e, t) {
-    var r, u, a, p, s;
-    const o = t.propertyValue, i = this.formSchemaUtils.getComponentById(this.componentId);
-    let c = this.getControlParentContainer(e.id, i);
-    if (!c)
-      return;
-    const m = c.contents.findIndex((y) => y.id === e.id), d = c.contents[m];
-    let f;
-    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), f = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(f, {
-      id: d.id,
-      appearance: d.appearance,
-      size: d.size,
-      label: d.label
-    }), Object.assign(f.editor, {
-      isTextArea: f.isTextArea && d.isTextArea,
-      type: o || "",
-      placeHolder: (r = d.editor) == null ? void 0 : r.placeHolder,
-      holdPlace: (u = d.editor) == null ? void 0 : u.holdPlace,
-      readonly: (a = d.editor) == null ? void 0 : a.readonly,
-      require: (p = d.editor) == null ? void 0 : p.require,
-      visible: (s = d.editor) == null ? void 0 : s.visible
-    }), c.contents.splice(m, 1, f);
-  }
-  getAppearanceConfig(e = null) {
+  getAppearanceProperties(e) {
     return {
       title: "样式",
       description: "Appearance",
@@ -955,90 +930,52 @@ class Ae {
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(e, t) {
-    let o;
-    if (!t || !t.contents || t.contents.length === 0)
-      return null;
-    for (const i of t.contents) {
-      if (i.id === e)
-        return o = t, t;
-      if (o = this.getControlParentContainer(e, i), 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 i = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(i);
-      },
-      textField: "bindingField"
-    };
-  }
-}
-class te extends Ae {
-  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, t, o) {
+    var a, u, i, p;
+    const r = t.propertyValue, l = o && o.parent && o.parent.schema;
+    if (!l)
+      return;
+    const m = l.contents.findIndex((c) => c.id === e.id), d = l.contents[m];
+    let f;
+    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
-      }
-    };
+        $type: r
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), f = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r)), f || (f = X("form-group") || {}, f.editor = X(r) || {}, delete f.editor.id, delete f.editor.binding, delete f.editor.appearance), Object.assign(f, {
+      id: d.id,
+      appearance: d.appearance,
+      size: d.size,
+      label: d.label,
+      binding: d.binding,
+      visible: d.visible
+    }), Object.assign(f.editor, {
+      isTextArea: f.isTextArea && d.isTextArea,
+      placeholder: (a = d.editor) == null ? void 0 : a.placeholder,
+      holdPlace: (u = d.editor) == null ? void 0 : u.holdPlace,
+      readonly: (i = d.editor) == null ? void 0 : i.readonly,
+      require: (p = d.editor) == null ? void 0 : p.require
+    }), l.contents.splice(m, 1), l.contents.splice(m, 0, f), o.schema = Object.assign(d, f), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (c) => c.classList.remove("dgComponentSelected")
+    ), je.value++;
   }
   getComponentConfig(e, t = {}, o = {}) {
-    const i = Object.assign({
+    const r = Object.assign({
       description: "组件信息",
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, t), c = Object.assign({
+    }, t), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -1060,10 +997,10 @@ class te extends Ae {
         type: "string"
       }
     }, o);
-    return { ...i, properties: { ...c } };
+    return { ...r, properties: { ...l } };
   }
 }
-class Oe extends te {
+class Oe extends oe {
   constructor(e, t) {
     super(e, t);
   }
@@ -1090,7 +1027,7 @@ class Oe extends te {
     });
   }
 }
-class Ne extends te {
+class Ge extends oe {
   constructor(e, t) {
     super(e, t);
   }
@@ -1112,92 +1049,92 @@ class Ne extends te {
     });
   }
 }
-function Le(n, e) {
+function Ue(n, e) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: l,
     onAcceptMovedChildElement: m,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: f,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = K(n), u = n.schema;
-  function a(p) {
-    return new Oe(p, e).getPropertyConfig(u);
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = ne(n), u = n.schema;
+  function i(p, c) {
+    return new Oe(p, e).getPropertyConfig(u, c);
   }
   return {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: l,
     onAcceptMovedChildElement: m,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: f,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: a
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: i
   };
 }
-function $e(n, e) {
+function qe(n, e) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: l,
     onAcceptMovedChildElement: m,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: f,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = K(n), u = n.schema;
-  function a(p) {
-    return new Ne(p, e).getPropertyConfig(u);
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = ne(n), u = n.schema;
+  function i(p, c) {
+    return new Ge(p, e).getPropertyConfig(u, c);
   }
   return {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
-    hideNestedPaddingInDesginerView: c,
+    checkCanMoveComponent: r,
+    hideNestedPaddingInDesginerView: l,
     onAcceptMovedChildElement: m,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: f,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: a
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: i
   };
 }
-const Ue = /* @__PURE__ */ O({
+const ze = /* @__PURE__ */ j({
   name: "FCheckboxGroupDesign",
-  props: j,
+  props: L,
   emits: ["changeValue", "update:modelValue"],
   setup(n, e) {
-    const t = g(n.modelValue), o = g(n.horizontal), i = g(n.tabIndex), c = g(n.name), m = N(() => ({
+    const t = h(n.modelValue), o = h(n.horizontal), r = h(n.tabIndex), l = h(n.name), m = O(() => ({
       "farris-checkradio-hor": o.value
     })), {
       enumData: d,
       onClickCheckbox: f,
-      getValue: r,
+      getValue: a,
       getText: u,
-      checked: a
-    } = Z(n, e, t), p = g(), s = x("designer-host-service"), y = x("design-item-context"), k = Le(y, s), C = J(p, y, k);
-    return U(() => {
-      p.value.componentInstance = C;
-    }), e.expose(C.value), E(() => n.modelValue, (b) => {
+      checked: i
+    } = ee(n, e, t), p = h(), c = E("designer-host-service"), y = E("design-item-context"), C = Ue(y, c), k = te(p, y, C);
+    return q(() => {
+      p.value.componentInstance = k;
+    }), e.expose(k.value), A(() => n.modelValue, (b) => {
       t.value = b, e.emit("changeValue", t.value);
     }), () => v("div", {
       ref: p,
       class: ["farris-input-wrap", m.value]
-    }, [d.value.map((b, M) => {
-      const B = "checkbox_" + c.value + M;
+    }, [d.value.map((b, w) => {
+      const B = "checkbox_" + l.value + w;
       return v("div", {
         class: "custom-control custom-checkbox"
       }, [v("input", {
         type: "checkbox",
         class: "custom-control-input",
-        name: c.value,
+        name: l.value,
         id: B,
-        value: r(b),
-        checked: a(b),
+        value: a(b),
+        checked: i(b),
         disabled: n.disabled,
-        tabindex: i.value,
+        tabindex: r.value,
         onClick: (D) => f(b, D)
       }, null), v("label", {
         class: "custom-control-label",
@@ -1206,16 +1143,16 @@ const Ue = /* @__PURE__ */ O({
       }, [u(b)])]);
     })]);
   }
-}), ze = /* @__PURE__ */ O({
+}), We = /* @__PURE__ */ j({
   name: "FCheckBoxDesign",
-  props: G,
+  props: W,
   emits: [],
   setup(n, e) {
-    const t = g(), o = g(n.id), i = g(n.indeterminate), c = x("designer-host-service"), m = x("design-item-context"), d = $e(m, c), f = J(t, m, d);
-    return U(() => {
+    const t = h(), o = h(n.id), r = h(n.indeterminate), l = E("designer-host-service"), m = E("design-item-context"), d = qe(m, l), f = te(t, m, d);
+    return q(() => {
       t.value.componentInstance = f;
-    }), E(() => n.indeterminate, (r) => {
-      i.value = r;
+    }), A(() => n.indeterminate, (a) => {
+      r.value = a;
     }), e.expose(f.value), () => v("div", {
       ref: t,
       dragref: `${m.schema.id}-container`,
@@ -1232,21 +1169,21 @@ const Ue = /* @__PURE__ */ O({
     }, null)]);
   }
 });
-P.install = (n) => {
-  n.component(P.name, P), n.component($.name, $);
+F.install = (n) => {
+  n.component(F.name, F), n.component(U.name, U);
 };
-P.register = (n, e, t, o) => {
-  n["check-box"] = $, e["check-box"] = R, n["check-group"] = P, e["check-group"] = Y;
+F.register = (n, e, t, o) => {
+  n["check-box"] = U, e["check-box"] = K, n["check-group"] = F, e["check-group"] = R;
 };
-P.registerDesigner = (n, e, t) => {
-  n["check-box"] = ze, e["check-box"] = R, n["check-group"] = Ue, e["check-group"] = Y;
+F.registerDesigner = (n, e, t) => {
+  n["check-box"] = We, e["check-box"] = K, n["check-group"] = ze, e["check-group"] = R;
 };
 export {
-  $ as FCheckBox,
-  P as FCheckBoxGroup,
-  Y as checkBoxGroupPropsResolver,
-  G as checkBoxProps,
-  R as checkBoxPropsResolver,
-  j as checkboxGroupProps,
-  P as default
+  U as FCheckBox,
+  F as FCheckBoxGroup,
+  R as checkBoxGroupPropsResolver,
+  W as checkBoxProps,
+  K as checkBoxPropsResolver,
+  L as checkboxGroupProps,
+  F as default
 };