@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/designer/time-picker/index.esm.js

@@ -1,14 +1,14 @@
-var H = Object.defineProperty;
-var G = (y, n, e) => n in y ? H(y, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : y[n] = e;
-var g = (y, n, e) => G(y, typeof n != "symbol" ? n + "" : n, e);
-import O, { timePickerProps as W } from "../../components/time-picker/index.esm.js";
-import { resolveAppearance as z, createPropsResolver as X } from "../../components/dynamic-resolver/index.esm.js";
-import { nextTick as j, defineComponent as _, ref as x, inject as T, onMounted as J, createVNode as P, resolveComponent as Q } from "vue";
-import { FButtonEdit as Y } from "../../components/button-edit/index.esm.js";
-import { DgControl as o, canvasChanged as w, refreshCanvas as Z, useDesignerComponent as K } from "../../components/designer-canvas/index.esm.js";
-import { cloneDeep as D } from "lodash-es";
-import { FormSchemaEntityField$Type as B, FormSchemaEntityFieldType$Type as ee } from "../../components/common/index.esm.js";
-const te = {
+var G = Object.defineProperty;
+var O = (y, n, e) => n in y ? G(y, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : y[n] = e;
+var f = (y, n, e) => O(y, typeof n != "symbol" ? n + "" : n, e);
+import W, { timePickerProps as z } from "../../components/time-picker/index.esm.js";
+import { resolveAppearance as X, createPropsResolver as j } from "../../components/dynamic-resolver/index.esm.js";
+import { nextTick as _, defineComponent as J, ref as x, inject as T, onMounted as Q, createVNode as P, resolveComponent as Y } from "vue";
+import { FButtonEdit as Z } from "../../components/button-edit/index.esm.js";
+import { DgControl as o, canvasChanged as w, refreshCanvas as K, useDesignerComponent as D } from "../../components/designer-canvas/index.esm.js";
+import { cloneDeep as ee } from "lodash-es";
+import { FormSchemaEntityField$Type as B, FormSchemaEntityFieldType$Type as te } from "../../components/common/index.esm.js";
+const ie = {
   /**
    * 组件值,这个是与指定的format格式相对应的值
    */
@@ -38,7 +38,7 @@ const te = {
   readonly: { type: Boolean, default: !1 },
   editable: { type: Boolean, default: !0 }
 };
-function ie(y) {
+function ne(y) {
   const { formSchemaUtils: n, formStateMachineUtils: e } = y;
   function t(l, p = "") {
     return {
@@ -48,27 +48,27 @@ function ie(y) {
     };
   }
   function i(l, p = "") {
-    const c = n.getViewModelById(l);
-    return c ? c.states.map((d) => t(d, p)) : [];
+    const a = n.getViewModelById(l);
+    return a ? a.states.map((d) => t(d, p)) : [];
   }
   function s(l) {
-    const p = n.getRootViewModelId(), c = i(l);
+    const p = n.getRootViewModelId(), a = i(l);
     if (l === p)
-      return c;
+      return a;
     const d = i(p, "root-component.");
-    return [...c, ...d];
+    return [...a, ...d];
   }
   function r(l) {
     return l.binding && l.binding.path || l.id || "";
   }
-  function a() {
+  function c() {
     return e && e.getRenderStates() || [];
   }
-  return { getVariables: s, getControlName: r, getStateMachines: a };
+  return { getVariables: s, getControlName: r, getStateMachines: c };
 }
-class N {
+class U {
   constructor(n) {
-    g(this, "sessionVariables", [
+    f(this, "sessionVariables", [
       {
         key: "CurrentSysOrgName",
         name: "当前组织Name",
@@ -105,7 +105,7 @@ class N {
         description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
       }
     ]);
-    g(this, "expressionNames", {
+    f(this, "expressionNames", {
       compute: "计算表达式",
       dependency: "依赖表达式",
       validate: "验证表达式",
@@ -114,12 +114,12 @@ class N {
       readonly: "只读表达式",
       required: "必填表达式"
     });
-    g(this, "getExpressionConverter", (n, e) => ({
+    f(this, "getExpressionConverter", (n, e) => ({
       convertFrom: (t, i, s, r) => {
-        const a = s.getExpressionRuleValue(n, e || i);
-        return a && a.value || "";
+        const c = s.getExpressionRuleValue(n, e || i);
+        return c && c.value || "";
       },
-      convertTo: (t, i, s, r, a) => {
+      convertTo: (t, i, s, r, c) => {
         var l;
         if (i === "dataPicking" && (s != null && s.target)) {
           const p = `${s.target}_dataPicking`;
@@ -172,10 +172,10 @@ class N {
   buildEntityFieldsTreeData(n = null, e) {
     const t = [];
     return n == null || n.forEach((i) => {
-      var a;
+      var c;
       const s = this.createTreeNode(i, e);
       let r = [];
-      (a = i.type) != null && a.fields && (r = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
+      (c = i.type) != null && c.fields && (r = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
         data: s,
         children: r,
         expanded: !0
@@ -188,8 +188,8 @@ class N {
       var l, p;
       const s = this.createTreeNode(i, e);
       s.type = "entity";
-      const r = this.buildEntityFieldsTreeData((l = i.type) == null ? void 0 : l.fields, [...e, i.label]), a = this.buildChildEntityTreeData((p = i.type) == null ? void 0 : p.entities, [...e, i.label]);
-      a != null && a.length && (r == null || r.push(...a)), t.push({
+      const r = this.buildEntityFieldsTreeData((l = i.type) == null ? void 0 : l.fields, [...e, i.label]), c = this.buildChildEntityTreeData((p = i.type) == null ? void 0 : p.entities, [...e, i.label]);
+      c != null && c.length && (r == null || r.push(...c)), t.push({
         data: s,
         children: r || [],
         // 空值回退
@@ -231,19 +231,19 @@ class N {
     };
   }
   onBeforeOpenExpression(n, e, t) {
-    const i = t === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, e), r = this.getEntitiesAndVariables(), a = {
+    const i = t === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, e), r = this.getEntitiesAndVariables(), c = {
       message: ["validate", "required", "dataPicking"].includes(e) && s ? s.message : "",
       ...r
     };
-    return s.messageType != null && (a.messageType = s.messageType), a;
+    return s.messageType != null && (c.messageType = s.messageType), c;
   }
   buildRule(n, e, t, i) {
-    const { expression: s, message: r, messageType: a } = e, l = {
+    const { expression: s, message: r, messageType: c } = e, l = {
       id: `${n}_${t}`,
       type: t,
       value: s
     };
-    return (t === "validate" || t === "dataPicking" || t === "required") && (l.message = r), t === "dataPicking" && (l.messageType = a), t === "validate" && i && (l.elementId = i), l;
+    return (t === "validate" || t === "dataPicking" || t === "required") && (l.message = r), t === "dataPicking" && (l.messageType = c), t === "validate" && i && (l.elementId = i), l;
   }
   getExpressionData() {
     const { expressions: n } = this.formSchemaService.getFormSchema().module;
@@ -251,12 +251,12 @@ class N {
   }
   updateExpression(n, e, t, i) {
     const s = e === "Field" ? n.binding.field : n.id, r = this.buildRule(s, t, i, n.type === "form-group" ? n.id : "");
-    let l = this.getExpressionData().find((c) => c.targetType === e && c.target === s);
-    const p = (c) => c.value.trim() === "";
+    let l = this.getExpressionData().find((a) => a.targetType === e && a.target === s);
+    const p = (a) => a.value.trim() === "";
     if (l) {
-      const c = l.rules.find((d) => d.id === r.id);
-      if (c)
-        p(r) ? l.rules = l.rules.filter((d) => d.id !== r.id) : (Object.assign(c, r), i === "validate" && n.type === "form-group" && (c.elementId = n.id));
+      const a = l.rules.find((d) => d.id === r.id);
+      if (a)
+        p(r) ? l.rules = l.rules.filter((d) => d.id !== r.id) : (Object.assign(a, r), i === "validate" && n.type === "form-group" && (a.elementId = n.id));
       else {
         if (p(r))
           return null;
@@ -276,13 +276,13 @@ class N {
   getExpressionEditorOptions(n, e, t, i) {
     return t.reduce((s, r) => {
       var l, p;
-      const a = e === "Field" ? (l = n == null ? void 0 : n.binding) == null ? void 0 : l.field : n.id;
+      const c = e === "Field" ? (l = n == null ? void 0 : n.binding) == null ? void 0 : l.field : n.id;
       return s[r] = {
         hide: e === "Field" ? !!((p = n == null ? void 0 : n.binding) != null && p.field) : !1,
         description: "",
         title: this.expressionNames[r],
         type: "string",
-        $converter: this.getExpressionConverter(a),
+        $converter: this.getExpressionConverter(c),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
@@ -291,10 +291,10 @@ class N {
           showMessage: r === "validate" || r === "dataPicking" || r === "required",
           showMessageType: r === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(n, r, e),
-          onSubmitModal: (c) => {
-            const d = this.updateExpression(n, e, c, r);
+          onSubmitModal: (a) => {
+            const d = this.updateExpression(n, e, a, r);
             if (i) {
-              const m = this.buildRule(a, c, r);
+              const m = this.buildRule(c, a, r);
               i(m);
             }
             return d;
@@ -333,21 +333,21 @@ class N {
     };
   }
 }
-class ne {
+class se {
   constructor(n, e) {
-    g(this, "componentId");
-    g(this, "viewModelId");
-    g(this, "eventsEditorUtils");
-    g(this, "formSchemaUtils");
-    g(this, "formMetadataConverter");
-    g(this, "designViewModelUtils");
-    g(this, "designViewModelField");
-    g(this, "controlCreatorUtils");
-    g(this, "designerHostService");
-    g(this, "designerContext");
-    g(this, "schemaService", null);
-    g(this, "metadataService", null);
-    g(this, "propertyConfig", {
+    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, "designerContext");
+    f(this, "schemaService", null);
+    f(this, "metadataService", null);
+    f(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -425,7 +425,7 @@ class ne {
     return {
       ...i,
       properties: { ...s },
-      setPropertyRelates(r, a) {
+      setPropertyRelates(r, c) {
         if (r) {
           switch (r && r.propertyID) {
             case "class":
@@ -434,7 +434,7 @@ class ne {
               break;
             }
           }
-          t && t(r, n, a);
+          t && t(r, n, c);
         }
       }
     };
@@ -450,12 +450,12 @@ class ne {
    * @returns 
    */
   getPropertyEditorParams(n, e = [], t = "visible", i = {}, s = {}, r = "") {
-    const { getVariables: a, getControlName: l, getStateMachines: p } = ie(this.designerHostService), c = this.getRealTargetType(n), d = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
+    const { getVariables: c, getControlName: l, getStateMachines: p } = ne(this.designerHostService), a = this.getRealTargetType(n), d = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
       propertyTypes: d
     };
-    return d.map((f) => {
-      switch (f) {
+    return d.map((h) => {
+      switch (h) {
         case "Const":
           Object.assign(m, {
             constType: "enum",
@@ -463,7 +463,7 @@ class ne {
           }, i);
           break;
         case "Expression":
-          m.expressionConfig = this.getExpressionOptions(n, c, r || t);
+          m.expressionConfig = this.getExpressionOptions(n, a, r || t);
           break;
         case "StateMachine":
           m.stateMachines = p();
@@ -473,10 +473,10 @@ class ne {
             controlName: l(n),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
-            variables: a(this.viewModelId),
+            variables: c(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
             onBeforeOpenVariables: (u) => {
-              u.value = a(this.viewModelId);
+              u.value = c(this.viewModelId);
             }
           }, s), this.designerContext.designerMode === "PC_RTC" && (m.newVariablePrefix = "ext_" + m.newVariablePrefix);
           break;
@@ -508,7 +508,7 @@ class ne {
     }, r = this.getVisibleProperty(n, e);
     for (const l in t)
       r[l] = Object.assign(r[l] || {}, t[l]);
-    const a = this;
+    const c = this;
     return {
       ...s,
       properties: { ...r },
@@ -518,7 +518,7 @@ class ne {
             case "disabled":
             case "readonly":
             case "visible":
-              a.afterMutilEditorChanged(n, l);
+              c.afterMutilEditorChanged(n, l);
               break;
           }
           i && i(l, p);
@@ -544,8 +544,8 @@ class ne {
     const t = e && e.parent && e.parent.schema;
     if (!t)
       return;
-    const i = t.contents.findIndex((r) => r.id === n), s = D(t.contents[i]);
-    t.contents.splice(i, 1), t.contents.splice(i, 0, s), Z();
+    const i = t.contents.findIndex((r) => r.id === n), s = ee(t.contents[i]);
+    t.contents.splice(i, 1), t.contents.splice(i, 0, s), K();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -575,16 +575,16 @@ class ne {
     const e = n.propertyValue;
     if (!((e && e.type) === "Expression" && e.expressionInfo))
       return;
-    const { expressionId: s, expressionInfo: r } = e, { targetId: a, targetType: l, expressionType: p, value: c, message: d } = r, m = this.formSchemaUtils.getModule();
+    const { expressionId: s, expressionInfo: r } = e, { targetId: c, targetType: l, expressionType: p, value: a, message: d } = r, m = this.formSchemaUtils.getModule();
     m.expressions = m.expressions || [];
-    const { expressions: f } = m;
-    let u = f.find((b) => b.target === a);
-    u || (u = { target: a, rules: [], targetType: l }, f.push(u));
-    const h = u.rules.find((b) => b.type === p);
-    if (h)
-      h.value = c, h.message = d;
+    const { expressions: h } = m;
+    let u = h.find((b) => b.target === c);
+    u || (u = { target: c, rules: [], targetType: l }, h.push(u));
+    const g = u.rules.find((b) => b.type === p);
+    if (g)
+      g.value = a, g.message = d;
     else {
-      const b = { id: s, type: p, value: c, message: d };
+      const b = { id: s, type: p, value: a, message: d };
       u.rules.push(b);
     }
     delete e.expressionInfo;
@@ -599,11 +599,11 @@ class ne {
     const t = n.propertyValue;
     if (t && t.type === "Expression")
       return;
-    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), a = e.binding ? e.binding.field : e.id, l = r.find((p) => p.target === a);
+    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, l = r.find((p) => p.target === c);
     !l || !l.rules || (l.rules = l.rules.filter((p) => p.type !== s));
   }
   getExpressionOptions(n, e, t) {
-    return new N(this.formSchemaUtils).getExpressionOptions(n, e, t);
+    return new U(this.formSchemaUtils).getExpressionOptions(n, e, t);
   }
   getRealTargetType(n) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
@@ -660,7 +660,7 @@ const F = class F {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-g(F, "fieldControlTypeMapping", {
+f(F, "fieldControlTypeMapping", {
   String: [
     { key: o["input-group"].type, value: o["input-group"].name },
     { key: o.lookup.type, value: o.lookup.name },
@@ -716,76 +716,83 @@ g(F, "fieldControlTypeMapping", {
 });
 let V = F;
 var M = /* @__PURE__ */ ((y) => (y.Form = "Form", y.Variable = "Variable", y))(M || {});
-class se {
+class N {
   constructor() {
     /** 控件标题 */
-    g(this, "label", "");
+    f(this, "label", "");
     /** 控件id */
-    g(this, "id", "");
+    f(this, "id", "");
     /** 每个控件占用的栅格数 */
-    g(this, "columnInSM", 12);
-    g(this, "columnInMD", 6);
-    g(this, "columnInLG", 3);
-    g(this, "columnInEL", 2);
+    f(this, "columnInSM", 12);
+    f(this, "columnInMD", 6);
+    f(this, "columnInLG", 3);
+    f(this, "columnInEL", 2);
     /** 每个控件占用的列数 */
-    g(this, "displayWidthInSM", 1);
-    g(this, "displayWidthInMD", 1);
-    g(this, "displayWidthInLG", 1);
-    g(this, "displayWidthInEL", 1);
+    f(this, "displayWidthInSM", 1);
+    f(this, "displayWidthInMD", 1);
+    f(this, "displayWidthInLG", 1);
+    f(this, "displayWidthInEL", 1);
     /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    g(this, "displayColumnCountAtBreakPoint", "md");
+    f(this, "displayColumnCountAtBreakPoint", "md");
     /** 控件所在行，传0即可-----编辑器内部使用 */
-    g(this, "tagRow", 0);
+    f(this, "tagRow", 0);
     /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    g(this, "showTopBorder", 0);
+    f(this, "showTopBorder", 0);
     /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    g(this, "group", 1);
+    f(this, "group", 1);
     /** 控件是否符合标准的class配置(设计器用的) */
-    g(this, "isSupportedClass", !0);
+    f(this, "isSupportedClass", !0);
     /** 控件所在分组id(设计器用的) */
-    g(this, "fieldSetId", "");
+    f(this, "fieldSetId", "");
   }
 }
 function re(y) {
   let n, e;
   const t = /* @__PURE__ */ new Map();
   let i = [];
-  function s(c, d) {
-    const f = c.split(" ").filter((v) => v.startsWith("col-"));
-    if (f.length === 0) {
+  function s(a, d) {
+    const h = ((a == null ? void 0 : a.split(" ")) || []).filter((v) => v.startsWith("col-"));
+    if (h.length === 0) {
       d.isSupportedClass = !1;
       return;
     }
-    let u = f.find((v) => /^col-([1-9]|10|11|12)$/.test(v)), h = f.find((v) => /^col-md-([1-9]|10|11|12)$/.test(v)), b = f.find((v) => /^col-xl-([1-9]|10|11|12)$/.test(v)), C = f.find((v) => /^col-el-([1-9]|10|11|12)$/.test(v));
-    u = u || "col-12", d.columnInSM = parseInt(u.replace("col-", ""), 10), d.displayWidthInSM = d.columnInSM / 12, d.displayWidthInSM !== 1 && (d.isSupportedClass = !1), h = h || "col-md-" + d.columnInSM, d.columnInMD = parseInt(h.replace("col-md-", ""), 10), d.displayWidthInMD = d.columnInMD / 6, [1, 2].includes(d.displayWidthInMD) || (d.isSupportedClass = !1), b = b || "col-xl-" + d.columnInMD, d.columnInLG = parseInt(b.replace("col-xl-", ""), 10), d.displayWidthInLG = d.columnInLG / 3, [1, 2, 3, 4].includes(d.displayWidthInLG) || (d.isSupportedClass = !1), C = C || "col-el-" + d.columnInLG, d.columnInEL = parseInt(C.replace("col-el-", ""), 10), d.displayWidthInEL = d.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(d.displayWidthInEL) || (d.isSupportedClass = !1);
+    let u = h.find((v) => /^col-([1-9]|10|11|12)$/.test(v)), g = h.find((v) => /^col-md-([1-9]|10|11|12)$/.test(v)), b = h.find((v) => /^col-xl-([1-9]|10|11|12)$/.test(v)), C = h.find((v) => /^col-el-([1-9]|10|11|12)$/.test(v));
+    u = u || "col-12", d.columnInSM = parseInt(u.replace("col-", ""), 10), d.displayWidthInSM = d.columnInSM / 12, d.displayWidthInSM !== 1 && (d.isSupportedClass = !1), g = g || "col-md-" + d.columnInSM, d.columnInMD = parseInt(g.replace("col-md-", ""), 10), d.displayWidthInMD = d.columnInMD / 6, [1, 2].includes(d.displayWidthInMD) || (d.isSupportedClass = !1), b = b || "col-xl-" + d.columnInMD, d.columnInLG = parseInt(b.replace("col-xl-", ""), 10), d.displayWidthInLG = d.columnInLG / 3, [1, 2, 3, 4].includes(d.displayWidthInLG) || (d.isSupportedClass = !1), C = C || "col-el-" + d.columnInLG, d.columnInEL = parseInt(C.replace("col-el-", ""), 10), d.displayWidthInEL = d.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(d.displayWidthInEL) || (d.isSupportedClass = !1);
   }
-  function r(c, d, m, f = !1) {
+  function r(a, d, m, h = !1) {
     let u = !1;
-    c.contents.forEach((h) => {
-      if (h.type === "fieldset") {
-        m += 1, r(h, d, m, !0), u = !0;
+    if (!a.contents || a.contents.length === 0) {
+      const g = new N();
+      s(a.layout, g), d.push(g);
+      return;
+    }
+    a.contents.forEach((g) => {
+      if (g.type === "fieldset") {
+        m += 1, r(g, d, m, !0), u = !0;
         return;
       }
+      if (g.type === "dynamic-form")
+        return;
       u && (m += 1, u = !1);
-      const b = h.appearance && h.appearance.class, C = new se();
-      b ? s(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = m, f && (C.fieldSetId = c.id), e === h.id && (n = m), t.set(h.id, h), d.push(C);
+      const b = g.appearance && g.appearance.class, C = new N();
+      b ? s(b, C) : C.isSupportedClass = !1, C.label = g.label || g.id, C.id = g.id, C.group = m, h && (C.fieldSetId = a.id), e === g.id && (n = m), t.set(g.id, g), d.push(C);
     });
   }
-  function a(c) {
-    const d = y.getComponentById(c);
+  function c(a) {
+    const d = y.getComponentById(a);
     if (!d || !d.componentType || !d.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const m = y.selectNode(d, (f) => f.type === o["response-form"].type);
+    const m = y.selectNode(d, (h) => h.type === o["response-form"].type);
     return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
   }
-  function l(c, d) {
-    d = d || c.id;
-    const { result: m, message: f, formNode: u } = a(d);
+  function l(a, d) {
+    d = d || a.id;
+    const { result: m, message: h, formNode: u } = c(d);
     if (!m)
-      return { result: m, message: f };
-    e = c.id, i = [], t.clear();
-    const h = u.contents[0].type === o.fieldset.type ? 0 : 1;
-    r(u, i, h);
+      return { result: m, message: h };
+    e = a.id, i = [], t.clear();
+    const g = u.contents[0].type === o.fieldset.type ? 0 : 1;
+    r(u, i, g);
     const b = i.find((v) => !v.isSupportedClass);
     return {
       defaultState: {
@@ -795,40 +802,40 @@ function re(y) {
       importData: i
     };
   }
-  function p(c, d) {
+  function p(a, d) {
     d = d;
-    const { result: m, formNode: f } = a(d);
+    const { result: m, formNode: h } = c(d);
     if (!m)
       return "";
     const u = [];
-    return c.forEach((h) => {
+    return a.forEach((g) => {
       var v;
-      const b = t.get(h.id), C = b.appearance && b.appearance.class;
+      const b = t.get(g.id), C = b.appearance && b.appearance.class;
       if (C) {
-        const E = C.split(" ").filter((R) => !R.startsWith("col-")), I = "col-" + h.columnInSM, L = "col-md-" + h.columnInMD, A = "col-xl-" + h.columnInLG, $ = "col-el-" + h.columnInEL, q = [I, L, A, $].concat(E);
+        const E = C.split(" ").filter((H) => !H.startsWith("col-")), I = "col-" + g.columnInSM, A = "col-md-" + g.columnInMD, $ = "col-xl-" + g.columnInLG, R = "col-el-" + g.columnInEL, q = [I, A, $, R].concat(E);
         b.appearance.class = q.join(" ");
       }
-      if (h.fieldSetId) {
-        const k = f.contents.find((I) => I.id === h.fieldSetId), E = u.find((I) => I.id === h.fieldSetId);
+      if (g.fieldSetId) {
+        const k = h.contents.find((I) => I.id === g.fieldSetId), E = u.find((I) => I.id === g.fieldSetId);
         E ? (v = E.contents) == null || v.push(b) : (u.push(k), k.contents = [b]);
       } else
         u.push(b);
-    }), f.contents = u, f.id;
+    }), h.contents = u, h.id;
   }
   return {
-    checkCanFindFormNode: a,
+    checkCanFindFormNode: c,
     checkCanOpenLayoutEditor: l,
     changeFormControlsByResponseLayoutConfig: p,
     getResonseFormLayoutConfig: r
   };
 }
-class oe extends ne {
+class oe extends se {
   constructor(e, t) {
     super(e, t);
-    g(this, "responseLayoutEditorFunction");
+    f(this, "responseLayoutEditorFunction");
     /** 控件绑定的变量 */
-    g(this, "bindingVarible");
-    g(this, "numberEditorOptions", {
+    f(this, "bindingVarible");
+    f(this, "numberEditorOptions", {
       type: "number-spinner",
       useThousands: !1,
       keyboard: !1,
@@ -849,7 +856,7 @@ class oe extends ne {
     var p;
     const s = this;
     this.setDesignViewModelField(e);
-    const { canChangeControlType: r, editorTypeList: a } = this.getAvailableEditorType(e), l = {
+    const { canChangeControlType: r, editorTypeList: c } = this.getAvailableEditorType(e), l = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -871,7 +878,7 @@ class oe extends ne {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: a,
+            data: c,
             readonly: !r
           }
         },
@@ -908,19 +915,19 @@ class oe extends ne {
           readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
         }
       },
-      setPropertyRelates(c, d, m) {
-        if (c)
-          switch (c && c.propertyID) {
+      setPropertyRelates(a, d, m) {
+        if (a)
+          switch (a && a.propertyID) {
             case "type": {
-              s.changeControlType(e, c, t);
+              s.changeControlType(e, a, t);
               break;
             }
             case "label": {
-              c.needRefreshControlTree = !0;
+              a.needRefreshControlTree = !0;
               break;
             }
             case "binding": {
-              s.changeBindingField(e, c, m);
+              s.changeBindingField(e, a, m);
               break;
             }
           }
@@ -1030,10 +1037,10 @@ class oe extends ne {
     const s = t.propertyValue, r = i && i.parent && i.parent.schema;
     if (!r)
       return;
-    const a = r.contents.findIndex((c) => c.id === e.id);
-    if (a === -1)
+    const c = r.contents.findIndex((a) => a.id === e.id);
+    if (c === -1)
       return;
-    const l = r.contents[a];
+    const l = r.contents[c];
     let p;
     if (this.designViewModelField) {
       const m = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((u) => u.id === this.designViewModelField.id).fieldSchema || {};
@@ -1045,25 +1052,25 @@ class oe extends ne {
       size: l.size,
       label: l.label,
       binding: l.binding
-    }), Object.prototype.hasOwnProperty.call(l, "visible") && Object.assign(p, { visible: l.visible }), l.editor && ["readonly", "required", "placeholder"].map((c) => {
-      Object.prototype.hasOwnProperty.call(l.editor, c) && (p.editor[c] = l.editor[c]);
+    }), Object.prototype.hasOwnProperty.call(l, "visible") && Object.assign(p, { visible: l.visible }), l.editor && ["readonly", "required", "placeholder"].map((a) => {
+      Object.prototype.hasOwnProperty.call(l.editor, a) && (p.editor[a] = l.editor[a]);
     }), i != null && i.updateContextSchema ? i.updateContextSchema(p) : (i.schema = Object.assign(l, p), Object.assign(e, p)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (c) => c.classList.remove("dgComponentSelected")
+      (a) => a.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (c) => c.classList.remove("dgComponentFocused")
-    ), w.value++, j(() => {
+      (a) => a.classList.remove("dgComponentFocused")
+    ), w.value++, _(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
   getComponentConfig(e, t = {}, i = {}, s) {
-    var m, f;
+    var m, h;
     const r = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, t), a = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, a, "readonly"), p = this.getPropertyEditorParams(e, a, "required"), c = {
+    }, t), c = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, c, "readonly"), p = this.getPropertyEditorParams(e, c, "required"), a = {
       readonly: {
         description: "",
         title: "只读",
@@ -1074,7 +1081,7 @@ class oe extends ne {
         title: "必填",
         type: "boolean",
         editor: p,
-        visible: !!((f = e.binding) != null && f.field)
+        visible: !!((h = e.binding) != null && h.field)
       },
       placeholder: {
         description: "当控件没有值时在输入框中显示的文本",
@@ -1083,12 +1090,12 @@ class oe extends ne {
       }
     };
     for (const u in i)
-      c[u] = Object.assign(c[u] || {}, i[u]);
+      a[u] = Object.assign(a[u] || {}, i[u]);
     const d = this;
     return {
       ...r,
-      properties: { ...c },
-      setPropertyRelates(u, h) {
+      properties: { ...a },
+      setPropertyRelates(u, g) {
         if (u) {
           switch (u.propertyID) {
             case "readonly":
@@ -1096,7 +1103,7 @@ class oe extends ne {
               d.afterMutilEditorChanged(e, u);
               break;
           }
-          s && s.bind(d)(u, e, h);
+          s && s.bind(d)(u, e, g);
         }
       }
     };
@@ -1109,16 +1116,16 @@ class oe extends ne {
   */
   updateUnifiedLayoutAfterControlChanged(e, t, i) {
     const s = e.split(" ");
-    let r = s.find((d) => /^col-([1-9]|10|11|12)$/.test(d)), a = s.find((d) => /^col-md-([1-9]|10|11|12)$/.test(d)), l = s.find((d) => /^col-xl-([1-9]|10|11|12)$/.test(d)), p = s.find((d) => /^col-el-([1-9]|10|11|12)$/.test(d));
-    r = r || "col-12", a = a || "col-md-" + r.replace("col-", ""), l = l || "col-xl-" + a.replace("col-md-", ""), p = p || "col-el-" + l.replace("col-xl-", "");
-    const c = {
+    let r = s.find((d) => /^col-([1-9]|10|11|12)$/.test(d)), c = s.find((d) => /^col-md-([1-9]|10|11|12)$/.test(d)), l = s.find((d) => /^col-xl-([1-9]|10|11|12)$/.test(d)), p = s.find((d) => /^col-el-([1-9]|10|11|12)$/.test(d));
+    r = r || "col-12", c = c || "col-md-" + r.replace("col-", ""), l = l || "col-xl-" + c.replace("col-md-", ""), p = p || "col-el-" + l.replace("col-xl-", "");
+    const a = {
       id: t,
       columnInSM: parseInt(r.replace("col-", ""), 10),
-      columnInMD: parseInt(a.replace("col-md-", ""), 10),
+      columnInMD: parseInt(c.replace("col-md-", ""), 10),
       columnInLG: parseInt(l.replace("col-xl-", ""), 10),
       columnInEL: parseInt(p.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, c);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, a);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1131,15 +1138,15 @@ class oe extends ne {
       return;
     const s = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, s, 1), t) {
-      const u = s.find((h) => h.id === t.id);
+      const u = s.find((g) => g.id === t.id);
       Object.assign(u || {}, t);
     }
-    const r = s.map((u) => u.columnInSM), a = s.map((u) => u.columnInMD), l = s.map((u) => u.columnInLG), p = s.map((u) => u.columnInEL), c = this.checkIsUniqueColumn(r) ? r[0] : null, d = this.checkIsUniqueColumn(a) ? a[0] : null, m = this.checkIsUniqueColumn(l) ? l[0] : null, f = this.checkIsUniqueColumn(p) ? p[0] : null;
+    const r = s.map((u) => u.columnInSM), c = s.map((u) => u.columnInMD), l = s.map((u) => u.columnInLG), p = s.map((u) => u.columnInEL), a = this.checkIsUniqueColumn(r) ? r[0] : null, d = this.checkIsUniqueColumn(c) ? c[0] : null, m = this.checkIsUniqueColumn(l) ? l[0] : null, h = this.checkIsUniqueColumn(p) ? p[0] : null;
     Object.assign(i.unifiedLayout, {
-      uniqueColClassInSM: c,
+      uniqueColClassInSM: a,
       uniqueColClassInMD: d,
       uniqueColClassInLG: m,
-      uniqueColClassInEL: f
+      uniqueColClassInEL: h
     });
   }
   /**
@@ -1180,7 +1187,7 @@ class oe extends ne {
   * @param propertyData 下拉框控件属性值
   */
   checkEnumDataReadonly(e) {
-    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === ee.EnumType);
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === te.EnumType);
   }
   /**
   * 将字段值变化前事件、变化后事件追加到交互面板
@@ -1209,8 +1216,8 @@ class oe extends ne {
   */
   getEventPropertyConfig(e, t = "card", i, s) {
     const r = this;
-    let a = [];
-    if (i && (a = a.concat(i)), a.length === 0)
+    let c = [];
+    if (i && (c = c.concat(i)), c.length === 0)
       return {
         title: "事件",
         hideTitle: !0,
@@ -1219,8 +1226,8 @@ class oe extends ne {
         tabName: "交互",
         hide: !0
       };
-    this.appendFieldValueChangeEvents(e, a);
-    const l = r.eventsEditorUtils.formProperties(e, r.viewModelId, a);
+    this.appendFieldValueChangeEvents(e, c);
+    const l = r.eventsEditorUtils.formProperties(e, r.viewModelId, c);
     return {
       title: "事件",
       hideTitle: !0,
@@ -1228,15 +1235,15 @@ class oe extends ne {
       tabId: "commands",
       tabName: "交互",
       setPropertyRelates(d, m) {
-        const f = d.propertyValue;
-        delete e[r.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: r.getControlMethodType(e), name: e.title }, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, f.events, f)), s && s(d, m, f);
+        const h = d.propertyValue;
+        delete e[r.viewModelId], h && (h.setPropertyRelates = this.setPropertyRelates, h.controlInfo = { type: r.getControlMethodType(e), name: e.title }, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, h.events, h)), s && s(d, m, h);
         const u = r.designViewModelUtils.getDgViewModel(r.viewModelId);
         u && r.designViewModelField && u.changeField(r.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
       }
     };
   }
   getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
-    return new N(this.formSchemaUtils).getExpressionConfig(
+    return new U(this.formSchemaUtils).getExpressionConfig(
       e,
       t,
       i,
@@ -1256,8 +1263,8 @@ class oe extends ne {
   setBooleanValue(e, t, i) {
     let s = i;
     this.getBindingDataType() === "string" && (s = (s || "").trim() || (t === "trueValue" ? "true" : "false"));
-    const a = t === "trueValue" ? "falseValue" : "trueValue";
-    e.editor[a] === s && (s = s + 1), this.updatePropertyValue(e, t, s);
+    const c = t === "trueValue" ? "falseValue" : "trueValue";
+    e.editor[c] === s && (s = s + 1), this.updatePropertyValue(e, t, s);
   }
   getBooleanValueConverter() {
     return {
@@ -1349,20 +1356,20 @@ function de(y, n) {
   }
   return { getPropsConfig: t };
 }
-const S = /* @__PURE__ */ _({
+const S = /* @__PURE__ */ J({
   name: "FTimePickerDesign",
-  props: te,
+  props: ie,
   emits: ["datePicked", "update:modelValue"],
   setup(y, n) {
-    const e = '<span class="f-icon f-icon-timepicker"></span>', t = x(y.modelValue), i = x(), s = x(), r = T("designer-host-service"), a = T("design-item-context"), l = de(a, r), p = K(s, a, l);
-    J(() => {
+    const e = '<span class="f-icon f-icon-timepicker"></span>', t = x(y.modelValue), i = x(), s = x(), r = T("designer-host-service"), c = T("design-item-context"), l = de(c, r), p = D(s, c, l);
+    Q(() => {
       s.value.componentInstance = p;
     }), n.expose(p.value);
-    function c() {
+    function a() {
     }
     return () => P("div", {
       ref: s
-    }, [P(Y, {
+    }, [P(Z, {
       ref: i,
       modelValue: t.value,
       "onUpdate:modelValue": (d) => t.value = d,
@@ -1372,11 +1379,11 @@ const S = /* @__PURE__ */ _({
       placeholder: y.placeholder,
       onClickButton: () => void 0
     }, {
-      default: () => [P(Q("f-time-picker-time-view"), null, null)]
+      default: () => [P(Y("f-time-picker-time-view"), null, null)]
     })]);
   }
 }), ae = /* @__PURE__ */ new Map([
-  ["appearance", z]
+  ["appearance", X]
 ]), ce = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/time-picker.schema.json", ue = "time-picker", me = "A Farris Input Component", ge = "object", fe = {
   id: {
     description: "The unique identifier for a time picker",
@@ -1494,15 +1501,15 @@ const S = /* @__PURE__ */ _({
 function Ce(y, n, e) {
   return n;
 }
-const U = X(W, be, ae, Ce);
+const L = j(z, be, ae, Ce);
 S.register = (y, n, e, t) => {
-  y["time-picker"] = O, n["time-picker"] = U;
+  y["time-picker"] = W, n["time-picker"] = L;
 };
 S.registerDesigner = (y, n, e) => {
-  y["time-picker"] = S, n["time-picker"] = U;
+  y["time-picker"] = S, n["time-picker"] = L;
 };
 export {
   S as FTimePickerDesign,
   S as default,
-  U as propsResolver
+  L as propsResolver
 };