@farris/ui-vue 1.2.7 → 1.2.9

package/components/textarea/index.esm.js

@@ -1,106 +1,106 @@
-var Q = Object.defineProperty;
-var q = (n, e, t) => e in n ? Q(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var v = (n, e, t) => q(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as U, ref as C, computed as S, onMounted as $, createVNode as M, inject as O } from "vue";
-import { cloneDeep as _ } from "lodash-es";
-const z = {}, j = {};
-function D(n) {
-  const { properties: e, title: t } = n, o = Object.keys(e).reduce((i, p) => (i[p] = e[p].type === "object" && e[p].properties ? D(e[p]) : _(e[p].default), i), {});
-  return o.id = `${t}-${Date.now()}`, o;
+var X = Object.defineProperty;
+var Y = (n, e, t) => e in n ? X(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var h = (n, e, t) => Y(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as G, ref as k, computed as x, onMounted as W, createVNode as w, withDirectives as Z, vModelText as H, inject as O } from "vue";
+import { cloneDeep as I } from "lodash-es";
+import { useTextBox as K, useClear as R } from "../common/index.esm.js";
+import { getSchemaByType as q } from "../dynamic-resolver/index.esm.js";
+const z = {}, J = {};
+function U(n) {
+  const { properties: e, title: t, ignore: o } = n, r = o && Array.isArray(o), p = Object.keys(e).reduce((u, l) => ((!r || !o.find((m) => m == l)) && (u[l] = e[l].type === "object" && e[l].properties ? U(e[l]) : I(e[l].default)), u), {});
+  return (!r || !o.find((u) => u == "id")) && (p.id = `${t}-${Date.now()}`), p;
 }
-function x(n, e = {}) {
-  const t = z[n];
-  if (t) {
-    let o = D(t);
-    const i = j[n];
-    return o = i ? i({ getSchemaByType: x }, o, e) : o, o;
+function $(n, e = {}, t) {
+  const o = z[n];
+  if (o) {
+    let r = U(o);
+    const p = J[n];
+    return r = p ? p({ getSchemaByType: $ }, r, e, t) : r, r;
   }
   return null;
 }
-function X(n, e) {
-  const t = D(e);
-  return Object.keys(n).reduce((o, i) => (o[i] = n[i], o), t), t;
+function ee(n, e) {
+  const t = U(e);
+  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 Y(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, i) => {
-    if (e.has(i)) {
-      const p = e.get(i);
+function te(n, e) {
+  return Object.keys(n).filter((o) => n[o] != null).reduce((o, r) => {
+    if (e.has(r)) {
+      const p = e.get(r);
       if (typeof p == "string")
-        o[p] = n[i];
+        o[p] = n[r];
       else {
-        const m = p(i, n[i], n);
-        Object.assign(o, m);
+        const u = p(r, n[r], n);
+        Object.assign(o, u);
       }
     } else
-      o[i] = n[i];
+      o[r] = n[r];
     return o;
   }, {});
 }
-function Z(n, e, t = /* @__PURE__ */ new Map()) {
-  const o = X(n, e);
-  return Y(o, t);
+function ne(n, e, t = /* @__PURE__ */ new Map()) {
+  const o = ee(n, e);
+  return te(o, t);
 }
-function R(n = {}) {
-  function e(r, c, l, s) {
-    if (typeof l == "number")
-      return s[r].length === l;
-    if (typeof l == "object") {
-      const g = Object.keys(l)[0], h = l[g];
-      if (g === "not")
-        return Number(s[r].length) !== Number(h);
-      if (g === "moreThan")
-        return Number(s[r].length) >= Number(h);
-      if (g === "lessThan")
-        return Number(s[r].length) <= Number(h);
+function oe(n = {}) {
+  function e(a, c, s, d) {
+    if (typeof s == "number")
+      return d[a].length === s;
+    if (typeof s == "object") {
+      const f = Object.keys(s)[0], g = s[f];
+      if (f === "not")
+        return Number(d[a].length) !== Number(g);
+      if (f === "moreThan")
+        return Number(d[a].length) >= Number(g);
+      if (f === "lessThan")
+        return Number(d[a].length) <= Number(g);
     }
     return !1;
   }
-  function t(r, c, l, s) {
-    return s[r] && s[r].propertyValue && String(s[r].propertyValue.value) === String(l);
+  function t(a, c, s, d) {
+    return d[a] && d[a].propertyValue && String(d[a].propertyValue.value) === String(s);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((r, c) => (r.set(c, n[c]), r), o);
-  function i(r, c) {
-    const l = r;
-    return typeof c == "number" ? [{ target: l, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: l, operator: "getProperty", param: r, value: !!c }] : typeof c == "object" ? Object.keys(c).map((s) => {
-      if (s === "length")
-        return { target: l, operator: "length", param: null, value: c[s] };
-      const g = s, h = c[s];
-      return { target: l, operator: "getProperty", param: g, value: h };
+  Object.keys(n).reduce((a, c) => (a.set(c, n[c]), a), o);
+  function r(a, c) {
+    const s = a;
+    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: s, operator: "getProperty", param: a, value: !!c }] : typeof c == "object" ? Object.keys(c).map((d) => {
+      if (d === "length")
+        return { target: s, operator: "length", param: null, value: c[d] };
+      const f = d, g = c[d];
+      return { target: s, operator: "getProperty", param: f, value: g };
     }) : [];
   }
-  function p(r) {
-    return Object.keys(r).reduce((l, s) => {
-      const g = i(s, r[s]);
-      return l.push(...g), l;
+  function p(a) {
+    return Object.keys(a).reduce((s, d) => {
+      const f = r(d, a[d]);
+      return s.push(...f), s;
     }, []);
   }
-  function m(r, c) {
-    if (o.has(r.operator)) {
-      const l = o.get(r.operator);
-      return l && l(r.target, r.param, r.value, c) || !1;
+  function u(a, c) {
+    if (o.has(a.operator)) {
+      const s = o.get(a.operator);
+      return s && s(a.target, a.param, a.value, c) || !1;
     }
     return !1;
   }
-  function u(r, c) {
-    return p(r).reduce((g, h) => g && m(h, c), !0);
+  function l(a, c) {
+    return p(a).reduce((f, g) => f && u(g, c), !0);
   }
-  function y(r, c) {
-    const l = Object.keys(r), s = l.includes("allOf"), g = l.includes("anyOf"), h = s || g, w = (h ? r[h ? s ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => u(P, c));
-    return s ? !w.includes(!1) : w.includes(!0);
+  function m(a, c) {
+    const s = Object.keys(a), d = s.includes("allOf"), f = s.includes("anyOf"), g = d || f, B = (g ? a[g ? d ? "allOf" : "anyOf" : "allOf"] : [a]).map((V) => l(V, c));
+    return d ? !B.includes(!1) : B.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: m };
 }
-const a = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const i = {
+  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" },
@@ -111,114 +111,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 */
-}, J = {}, K = {};
-R();
-function ee(n, e, t = /* @__PURE__ */ new Map(), o = (m, u, y) => u, i = {}, p = (m) => m) {
-  return z[e.title] = e, j[e.title] = o, J[e.title] = i, K[e.title] = p, (m = {}) => {
-    const u = Z(m, e, t), y = Object.keys(n).reduce((r, c) => (r[c] = n[c].default, r), {});
-    return Object.assign(y, u);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, re = {}, ae = {};
+oe();
+function ie(n, e, t = /* @__PURE__ */ new Map(), o = (u, l, m) => l, r = {}, p = (u) => u) {
+  return z[e.title] = e, J[e.title] = o, re[e.title] = r, ae[e.title] = p, (u = {}) => {
+    const l = ne(u, e, t), m = Object.keys(n).reduce((a, c) => (a[c] = n[c].default, a), {});
+    return Object.assign(m, l);
   };
 }
-function te(n, e) {
+function le(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ne = /* @__PURE__ */ new Map([
-  ["appearance", te]
-]), oe = "https://json-schema.org/draft/2020-12/schema", ae = "https://farris-design.gitee.io/switch.schema.json", re = "textarea", ie = "A Farris Component", le = "object", ce = {
+const ce = /* @__PURE__ */ new Map([
+  ["appearance", le]
+]), se = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/switch.schema.json", ue = "textarea", de = "A Farris Component", me = "object", ye = {
   id: {
     description: "The unique identifier for a textarea",
     type: "string"
@@ -279,29 +208,36 @@ const ne = /* @__PURE__ */ new Map([
     description: "",
     type: "boolean",
     default: !0
-  }
-}, pe = [
+  },
+  ignore: [
+    "id",
+    "appearance",
+    "binding"
+  ]
+}, fe = [
   "id",
   "type"
-], se = {
-  $schema: oe,
-  $id: ae,
-  title: re,
-  description: ie,
-  type: le,
-  properties: ce,
-  required: pe
+], ge = {
+  $schema: se,
+  $id: pe,
+  title: ue,
+  description: de,
+  type: me,
+  properties: ye,
+  required: fe
 };
-function ue(n, e, t) {
+function he(n, e, t) {
   return e;
 }
-const V = {
+const L = {
   /** 自动聚焦 */
   autofocus: { type: Boolean, default: !1 },
   /** 自动完成 */
   autocomplete: { type: Boolean, default: !1 },
   /** 禁用 */
   disabled: { type: Boolean, default: !1 },
+  /** 启用清除按钮 */
+  enableClear: { type: Boolean, default: !1 },
   /** 组件标识 */
   id: { type: String, default: "" },
   /** 最小字符长度 */
@@ -318,246 +254,321 @@ const V = {
   rows: { type: Boolean },
   /** 展示输入文本数量 */
   showCount: { type: Boolean, default: !1 },
+  /** 展示边线 */
+  showBorder: { Type: Boolean, default: !0 },
   /** 键盘按键索引 */
   tabIndex: { type: Number, default: -1 }
-}, W = ee(V, se, ne, ue), k = /* @__PURE__ */ U({
+}, _ = ie(L, ge, ce, he), A = /* @__PURE__ */ G({
   name: "FTextarea",
-  props: V,
+  props: L,
   emits: ["update:modelValue", "valueChange"],
   setup(n, e) {
-    const t = C(), o = S(() => n.maxLength ? n.maxLength : n.modelValue.length), i = (r) => {
-      var c, l;
-      e.emit("update:modelValue", (c = r.target) == null ? void 0 : c.value), e.emit("valueChange", (l = r.target) == null ? void 0 : l.value);
-    }, p = (r) => {
-      t.value = r;
-    }, m = S(() => ({
-      position: "relative"
-    })), u = S(() => ({
-      "box-shadow": "0 0 0 1px #dcdfe6 inset",
-      border: "none",
-      padding: "5px 10px",
-      width: "100%"
-    })), y = {
-      position: "absolute",
-      bottom: "5px",
-      right: "10px"
+    const t = k(), o = k(n.modelValue), r = x(() => n.modelValue), p = K(n, e, o, r), {
+      inputGroupClass: u,
+      onBlur: l,
+      onFocus: m
+    } = p, a = R(n, e, p), {
+      onMouseEnter: c,
+      onMouseLeave: s,
+      clearButtonClass: d,
+      shouldShowClearButton: f,
+      clearButtonStyle: g
+    } = a, D = x(() => n.maxLength ? n.maxLength : n.modelValue.length), S = (v) => {
+      var V, F;
+      v.stopPropagation(), e.emit("update:modelValue", (V = v.target) == null ? void 0 : V.value), e.emit("valueChange", (F = v.target) == null ? void 0 : F.value);
+    }, B = (v) => {
+      v.stopPropagation(), t.value.value = "", e.emit("update:modelValue", ""), e.emit("valueChange", "");
     };
-    return $(() => {
-      p(n.modelValue);
-    }), () => M("div", {
-      style: m.value
-    }, [M("textarea", {
+    return W(() => {
+    }), () => w("div", {
+      class: u.value,
+      onMouseenter: c,
+      onMouseleave: s,
+      style: "position:relative"
+    }, [Z(w("textarea", {
       id: n.id,
+      "onUpdate:modelValue": (v) => n.modelValue = v,
       ref: t,
       minlength: n.minLength,
-      maxlength: n.maxLength,
+      maxlength: n.maxLength ? n.maxLength : null,
       tabindex: n.tabIndex,
       disabled: n.disabled,
       readonly: n.readonly,
       autocomplete: n.autocomplete,
-      style: u.value,
       placeholder: n.placeholder,
       autofocus: n.autofocus,
       rows: n.rows,
-      onInput: i
-    }, null), n.showCount && M("span", {
-      style: y
-    }, [`${n.modelValue.length}/${o.value}`])]);
+      onInput: S,
+      onFocus: m,
+      onBlur: l,
+      style: "border-radius:6px; padding:5px 10px; width:100%"
+    }, null), [[H, n.modelValue]]), f.value && w("span", {
+      id: "clearIcon",
+      class: d.value,
+      style: g.value,
+      onClick: (v) => B(v)
+    }, [w("i", {
+      class: "f-icon modal_close"
+    }, null)]), n.showCount && w("span", {
+      style: "position: absolute;bottom: 5px;right: 10px"
+    }, [`${n.modelValue.length}/${D.value}`])]);
   }
 });
-function de(n, e, t) {
-  var L;
+function ve(n, e, t) {
+  var j;
   function o() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   o();
-  const i = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", m = C();
-  function u() {
+  const r = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", u = k();
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function y() {
+  function m() {
     return !1;
   }
-  function r() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
   function c() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(d) {
-    if (!d || !d.value)
+  function s(y) {
+    if (!y || !y.value)
       return null;
-    if (d.value.schema && d.value.schema.type === "component")
-      return d.value;
-    const b = C(d == null ? void 0 : d.value.parent), f = l(b);
-    return f || null;
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const b = k(y == null ? void 0 : y.value.parent), C = s(b);
+    return C || null;
   }
-  function s(d = e) {
-    const { componentInstance: b, designerItemElementRef: f } = d;
-    return !b || !b.value ? null : b.value.canMove ? f : s(d.parent);
+  function d(y = e) {
+    const { componentInstance: b, designerItemElementRef: C } = y;
+    return !b || !b.value ? null : b.value.canMove ? C : d(y.parent);
   }
-  function g(d) {
-    return !!t && t.canAccepts(d);
+  function f(y) {
+    return !!t && t.canAccepts(y);
   }
-  function h() {
+  function g() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function B() {
+  function D() {
   }
-  function A(d, b) {
+  function S(y, b) {
     b && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(b);
   }
-  function w(d) {
-    const { componentType: b } = d;
-    let f = x(b, d);
-    t && t.onResolveNewComponentSchema && (f = t.onResolveNewComponentSchema(d, f));
-    const F = b.toLowerCase().replace("-", "_");
-    return f && !f.id && f.type === b && (f.id = `${F}_${Math.random().toString().slice(2, 6)}`), f;
+  function B(y, b) {
+    const { componentType: C } = y;
+    let M = $(C, y, b);
+    t && t.onResolveNewComponentSchema && (M = t.onResolveNewComponentSchema(y, M));
+    const E = C.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === C && (M.id = `${E}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function E(d, b) {
-    const f = String(d.getAttribute("data-controltype")), F = d.getAttribute("data-feature"), N = F ? JSON.parse(F) : {};
-    N.parentComponentInstance = m.value;
-    let T = x(f, N);
-    t && t.onAcceptNewChildElement && (T = t.onAcceptNewChildElement(d, b, T));
-    const G = f.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === f && (T.id = `${G}_${Math.random().toString().slice(2, 6)}`), T;
+  function v(y, b) {
+    const C = String(y.getAttribute("data-controltype")), M = y.getAttribute("data-feature"), E = M ? JSON.parse(M) : {};
+    E.parentComponentInstance = u.value;
+    let T = $(C, E);
+    t && t.onAcceptNewChildElement && (T = t.onAcceptNewChildElement(y, b, T));
+    const Q = C.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === C && (T.id = `${Q}_${Math.random().toString().slice(2, 6)}`), T;
   }
-  function P(d) {
+  function V(y) {
   }
-  function I(...d) {
+  function F(...y) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...d);
+      return t.getPropsConfig(...y);
   }
-  return m.value = {
-    canMove: u(),
-    canSelectParent: y(),
-    canDelete: r(),
+  return u.value = {
+    canMove: l(),
+    canSelectParent: m(),
+    canDelete: a(),
     canNested: !c(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
+    parent: (j = e == null ? void 0 : e.parent) == null ? void 0 : j.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
+    styles: r,
     designerClass: p,
-    canAccepts: g,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: s,
-    getDraggingDisplayText: h,
-    getPropConfig: I,
-    getDragScopeElement: B,
-    onAcceptMovedChildElement: A,
-    onAcceptNewChildElement: E,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: w,
+    canAccepts: f,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: g,
+    getPropConfig: F,
+    getDragScopeElement: D,
+    onAcceptMovedChildElement: S,
+    onAcceptNewChildElement: v,
+    onChildElementMovedOut: V,
+    addNewChildComponentSchema: B,
     updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || C(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || C(!1)
-  }, m;
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1)
+  }, u;
+}
+class be {
+  constructor(e, t) {
+    h(this, "componentId");
+    h(this, "viewModelId");
+    h(this, "eventsEditorUtils");
+    h(this, "formSchemaUtils");
+    h(this, "formMetadataConverter");
+    h(this, "designViewModelUtils");
+    h(this, "designViewModelField");
+    h(this, "controlCreatorUtils");
+    h(this, "designerHostService");
+    h(this, "schemaService", null);
+    h(this, "metadataService", null);
+    h(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: i[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"
+        }
+      }
+    };
+  }
 }
-class H {
+const P = class P {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
   static getEditorTypesByMDataType(e) {
-    const t = this.fieldControlTypeMapping[e];
+    const t = P.fieldControlTypeMapping[e];
     return t || [{ key: "", value: "" }];
   }
-}
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (let t in P.fieldControlTypeMapping)
+      P.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;
+  }
+};
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-v(H, "fieldControlTypeMapping", {
+h(P, "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 },
+    { key: i["input-group"].type, value: i["input-group"].name },
+    { key: i.lookup.type, value: i.lookup.name },
+    { key: i["date-picker"].type, value: i["date-picker"].name },
+    { key: i["check-box"].type, value: i["check-box"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name },
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i.textarea.type, value: i.textarea.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 }
+    { key: i.textarea.type, value: i.textarea.name },
+    { key: i.lookup.type, value: i.lookup.name }
   ],
   Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
   ],
   Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
   ],
   Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
   ],
   BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: i["number-spinner"].type, value: i["number-spinner"].name }
   ],
   Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: i["date-picker"].type, value: i["date-picker"].name }
   ],
   DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: i["date-picker"].type, value: i["date-picker"].name }
   ],
   Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
+    { key: i.switch.type, value: i.switch.name },
+    { key: i["check-box"].type, value: i["check-box"].name }
   ],
   Enum: [
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name }
   ],
   Object: [
-    { 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 }
+    { key: i.lookup.type, value: i.lookup.name },
+    { key: i["combo-list"].type, value: i["combo-list"].name },
+    { key: i["radio-group"].type, value: i["radio-group"].name }
   ]
 });
-class me {
+let N = P;
+const Ce = k(0);
+class Me extends be {
   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((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 u;
+    var o = this;
+    this.setDesignViewModelField(e);
+    const r = this.formSchemaUtils.getFormMetadataBasicInfo(), p = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -568,8 +579,8 @@ class me {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -577,63 +588,52 @@ class me {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: H.getEditorTypesByMDataType(((i = (o = t.designViewModelField) == null ? void 0 : o.type) == null ? void 0 : i.name) || ""),
-            editable: !1
+            editable: !1,
+            data: o.designViewModelField ? N.getEditorTypesByMDataType((u = o.designViewModelField.type) == null ? void 0 : u.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: p
+          }
         }
       },
-      setPropertyRelates(p, m) {
-        if (p)
-          switch (p && p.propertyID) {
+      setPropertyRelates(l, m) {
+        if (l)
+          switch (l && l.propertyID) {
             case "type": {
-              t.changeControlType(e, p);
+              o.changeControlType(e, l, t);
+              break;
+            }
+            case "label": {
+              l.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(e, t) {
-    var r, c, l, s, g;
-    const o = t.propertyValue, i = this.formSchemaUtils.getComponentById(this.componentId);
-    let p = this.getControlParentContainer(e.id, i);
-    if (!p)
-      return;
-    const m = p.contents.findIndex((h) => h.id === e.id), u = p.contents[m];
-    let y;
-    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), y = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(y, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label
-    }), Object.assign(y.editor, {
-      isTextArea: y.isTextArea && u.isTextArea,
-      type: o || "",
-      placeHolder: (r = u.editor) == null ? void 0 : r.placeHolder,
-      holdPlace: (c = u.editor) == null ? void 0 : c.holdPlace,
-      readonly: (l = u.editor) == null ? void 0 : l.readonly,
-      require: (s = u.editor) == null ? void 0 : s.require,
-      visible: (g = u.editor) == null ? void 0 : g.visible
-    }), p.contents.splice(m, 1, y);
-  }
-  getAppearanceConfig(e = null) {
+  getAppearanceProperties(e) {
     return {
       title: "样式",
       description: "Appearance",
@@ -663,70 +663,49 @@ class me {
       }
     };
   }
-  /**
-  * 获取控件：以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;
-    }
-  }
-}
-class ye extends me {
-  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, c, s, d;
+    const r = t.propertyValue, p = o && o.parent && o.parent.schema;
+    if (!p)
+      return;
+    const u = p.contents.findIndex((f) => f.id === e.id), l = p.contents[u];
+    let m;
+    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: "字段类型" }
-        ],
-        textField: "bindingField",
-        data: o
-      }
-    };
-  }
-  getBindingOtions(e) {
-    return this.getFieldSelectorOptions(e);
+        $type: r
+      },
+      name: this.designViewModelField.name,
+      require: this.designViewModelField.require,
+      readonly: this.designViewModelField.readonly
+    }, !1), m = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r)), m || (m = q("form-group") || {}, m.editor = q(r) || {}, delete m.editor.id, delete m.editor.binding, delete m.editor.appearance), Object.assign(m, {
+      id: l.id,
+      appearance: l.appearance,
+      size: l.size,
+      label: l.label,
+      binding: l.binding,
+      visible: l.visible
+    }), Object.assign(m.editor, {
+      isTextArea: m.isTextArea && l.isTextArea,
+      placeholder: (a = l.editor) == null ? void 0 : a.placeholder,
+      holdPlace: (c = l.editor) == null ? void 0 : c.holdPlace,
+      readonly: (s = l.editor) == null ? void 0 : s.readonly,
+      require: (d = l.editor) == null ? void 0 : d.require
+    }), p.contents.splice(u, 1), p.contents.splice(u, 0, m), o.schema = Object.assign(l, m), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), Ce.value++;
   }
   getComponentConfig(e, t = {}, o = {}) {
-    const i = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+    const r = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
     }, t), p = Object.assign({
@@ -751,129 +730,124 @@ class ye extends me {
         type: "string"
       }
     }, o);
-    return { ...i, properties: { ...p } };
+    return { ...r, properties: { ...p } };
   }
 }
-class ge extends ye {
+class ke extends Me {
   constructor(e, t) {
     super(e, t);
   }
 }
-function fe(n, e) {
+function we(n, e) {
   n.schema;
-  const t = C(!0), o = C(!0);
-  function i(l) {
+  const t = k(!0), o = k(!0);
+  function r(s) {
     return !1;
   }
   function p() {
     return !1;
   }
-  function m() {
+  function u() {
     return !1;
   }
-  function u() {
+  function l() {
     return !0;
   }
-  function y(l) {
+  function m(s) {
   }
-  function r() {
+  function a() {
   }
-  function c(l) {
+  function c(s) {
     return null;
   }
   return {
-    canAccepts: i,
+    canAccepts: r,
     checkCanDeleteComponent: p,
-    checkCanMoveComponent: m,
-    hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: y,
-    resolveComponentContext: r,
+    checkCanMoveComponent: u,
+    hideNestedPaddingInDesginerView: l,
+    onAcceptMovedChildElement: m,
+    resolveComponentContext: a,
     triggerBelongedComponentToMoveWhenMoved: t,
     triggerBelongedComponentToDeleteWhenDeleted: o,
     getPropsConfig: c
   };
 }
-function he(n, e) {
+function Te(n, e) {
   const {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: y,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = fe(n), c = n.schema;
-  function l(s) {
-    return new ge(s, e).getPropertyConfig(c);
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: l,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = we(n), c = n.schema;
+  function s(d, f) {
+    return new ke(d, e).getPropertyConfig(c, f);
   }
   return {
     canAccepts: t,
     checkCanDeleteComponent: o,
-    checkCanMoveComponent: i,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: m,
-    resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: y,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: l
+    onAcceptMovedChildElement: u,
+    resolveComponentContext: l,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: s
   };
 }
-const be = /* @__PURE__ */ U({
+const Be = /* @__PURE__ */ G({
   name: "FTextareaDesign",
-  props: V,
+  props: L,
   emits: [""],
   setup(n, e) {
-    const t = C(), o = C(), i = O("designer-host-service"), p = O("design-item-context"), m = he(p, i), u = de(o, p, m), y = S(() => n.maxLength ? n.maxLength : n.modelValue.length), r = S(() => ({
+    const t = k(), o = O("designer-host-service"), r = O("design-item-context"), p = Te(r, o), u = ve(t, r, p), l = x(() => n.maxLength ? n.maxLength : n.modelValue.length), m = x(() => ({
       position: "relative"
-    })), c = S(() => ({
+    })), a = x(() => ({
       "box-shadow": "0 0 0 1px #dcdfe6 inset",
       border: "none",
       padding: "5px 10px",
       width: "100%"
-    })), l = {
+    })), c = {
       position: "absolute",
       bottom: "5px",
       right: "10px"
     };
-    return $(() => {
-      t.value = n.modelValue, o.value.componentInstance = u;
-    }), e.expose(u.value), () => M("div", {
-      style: r.value,
-      ref: o
-    }, [M("textarea", {
+    return W(() => {
+      t.value.componentInstance = u;
+    }), e.expose(u.value), () => w("div", {
+      style: m.value,
+      ref: t
+    }, [w("textarea", {
       id: n.id,
-      ref: t,
-      minlength: n.minLength,
-      maxlength: n.maxLength,
       tabindex: n.tabIndex,
-      disabled: n.disabled,
-      readonly: n.readonly,
-      autocomplete: n.autocomplete,
-      style: c.value,
+      disabled: !1,
+      readonly: !0,
+      style: a.value,
       placeholder: n.placeholder,
-      autofocus: n.autofocus,
       rows: n.rows
-    }, null), n.showCount && M("span", {
-      style: l
-    }, [`${n.modelValue.length}/${y.value}`])]);
+    }, null), n.showCount && w("span", {
+      style: c
+    }, [`${n.modelValue.length}/${l.value}`])]);
   }
-}), ve = (n) => {
+}), Ve = (n) => {
   const e = n;
   return e.install = function(t) {
     t.component(e.name, n);
   }, n;
 };
-k.register = (n, e, t, o) => {
-  n.textarea = k, e.textarea = W;
+A.register = (n, e, t, o) => {
+  n.textarea = A, e.textarea = _;
 };
-k.registerDesigner = (n, e, t) => {
-  n.textarea = be, e.textarea = W;
+A.registerDesigner = (n, e, t) => {
+  n.textarea = Be, e.textarea = _;
 };
-const Me = ve(k);
+const Ee = Ve(A);
 export {
-  k as FTextarea,
-  Me as default,
-  W as propsResolver,
-  V as textAreaProps
+  A as FTextarea,
+  Ee as default,
+  _ as propsResolver,
+  L as textAreaProps
 };