@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/text/index.esm.js

@@ -0,0 +1,147 @@
+import y, { textProps as d } from "../../components/text/index.esm.js";
+import { resolveAppearance as v, createPropsResolver as h } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as b, ref as t, computed as a, inject as $, onMounted as j, createVNode as C } from "vue";
+import { useDesignerComponent as M } from "../../components/designer-canvas/index.esm.js";
+const R = /* @__PURE__ */ new Map([
+  ["appearance", v]
+]);
+function T(o, e, n) {
+  return e;
+}
+const A = "text", F = "A Farris Component", q = "object", D = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, I = {
+  title: A,
+  description: F,
+  type: q,
+  categories: D
+}, V = "https://json-schema.org/draft/2020-12/schema", S = "https://farris-design.gitee.io/text.schema.json", w = "text", z = "A Farris Component", P = "object", B = {
+  id: {
+    description: "The unique identifier for text",
+    type: "string"
+  },
+  type: {
+    description: "The type string of text",
+    type: "string",
+    default: "text"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, H = [
+  "id",
+  "type"
+], N = {
+  $schema: V,
+  $id: S,
+  title: w,
+  description: z,
+  type: P,
+  properties: B,
+  required: H
+}, k = /* @__PURE__ */ b({
+  name: "FTextDesign",
+  props: d,
+  emits: ["update:modelValue"],
+  setup(o, e) {
+    const n = t(!0), i = t(!0), u = t(""), s = t(0), p = t(0), m = t(o.modelValue), f = a(() => ({
+      "f-form-control-text": !n.value,
+      "f-form-context-textarea": n,
+      "f-component-text-auto-size": i.value
+    })), x = a(() => ({
+      textalign: u.value,
+      height: !i.value && s.value > 0 ? `${s.value}px` : "",
+      "min-height": !i.value && s.value > 0 ? `${s.value}px` : "",
+      "max-height": !i.value && p.value > 0 ? `${p.value}px` : ""
+    }));
+    a(() => "");
+    const r = t(), g = $("design-item-context"), c = M(r, g);
+    return j(() => {
+      r.value.componentInstance = c;
+    }), e.expose(c.value), () => C("span", {
+      ref: r,
+      class: f.value,
+      style: x.value
+    }, [m.value]);
+  }
+}), l = h(d, N, R, T, I), L = {
+  register(o, e, n, i) {
+    o.text = y, e.text = l;
+  },
+  registerDesigner(o, e, n) {
+    o.text = k, e.text = l;
+  }
+};
+export {
+  L as default,
+  l as propsResolver
+};

package/designer/text/index.umd.cjs

@@ -0,0 +1 @@
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("../../components/text/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/text/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../../components/designer-canvas/index.umd.js"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.text={},t.FText,t.dynamicResolver,t.Vue,t.designerCanvas))})(this,function(t,n,d,e,m){"use strict";const f=new Map([["appearance",d.resolveAppearance]]);function x(i,o,s){return o}const y={title:"text",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},g={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/text.schema.json",title:"text",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for text",type:"string"},type:{description:"The type string of text",type:"string",default:"text"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},h=e.defineComponent({name:"FTextDesign",props:n.textProps,emits:["update:modelValue"],setup(i,o){const s=e.ref(!0),r=e.ref(!0),j=e.ref(""),p=e.ref(0),l=e.ref(0),$=e.ref(i.modelValue),b=e.computed(()=>({"f-form-control-text":!s.value,"f-form-context-textarea":s,"f-component-text-auto-size":r.value})),q=e.computed(()=>({textalign:j.value,height:!r.value&&p.value>0?`${p.value}px`:"","min-height":!r.value&&p.value>0?`${p.value}px`:"","max-height":!r.value&&l.value>0?`${l.value}px`:""}));e.computed(()=>"");const a=e.ref(),C=e.inject("design-item-context"),u=m.useDesignerComponent(a,C);return e.onMounted(()=>{a.value.componentInstance=u}),o.expose(u.value),()=>e.createVNode("span",{ref:a,class:b.value,style:q.value},[$.value])}}),c=d.createPropsResolver(n.textProps,g,f,x,y),v={register(i,o,s,r){i.text=n,o.text=c},registerDesigner(i,o,s){i.text=h,o.text=c}};t.default=v,t.propsResolver=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -5,7 +5,7 @@ import O, { timePickerProps as W } from "../../components/time-picker/index.esm.
 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 l, canvasChanged as w, refreshCanvas as Z, useDesignerComponent as K } from "../../components/designer-canvas/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 = {
@@ -40,25 +40,26 @@ const te = {
 };
 function ie(y) {
   const { formSchemaUtils: n, formStateMachineUtils: e } = y;
-  function t(o, p = "") {
+  function t(l, p = "") {
     return {
-      path: p + o.code,
-      field: o.id,
-      fullPath: o.code
+      path: p + l.code,
+      field: l.id,
+      fullPath: l.code
     };
   }
-  function i(o, p = "") {
-    return n.getViewModelById(o).states.map((d) => t(d, p));
+  function i(l, p = "") {
+    const c = n.getViewModelById(l);
+    return c ? c.states.map((d) => t(d, p)) : [];
   }
-  function s(o) {
-    const p = n.getRootViewModelId(), c = i(o);
-    if (o === p)
+  function s(l) {
+    const p = n.getRootViewModelId(), c = i(l);
+    if (l === p)
       return c;
     const d = i(p, "root-component.");
     return [...c, ...d];
   }
-  function r(o) {
-    return o.binding && o.binding.path || o.id || "";
+  function r(l) {
+    return l.binding && l.binding.path || l.id || "";
   }
   function a() {
     return e && e.getRenderStates() || [];
@@ -119,10 +120,10 @@ class N {
         return a && a.value || "";
       },
       convertTo: (t, i, s, r, a) => {
-        var o;
+        var l;
         if (i === "dataPicking" && (s != null && s.target)) {
           const p = `${s.target}_dataPicking`;
-          ((o = s.rules) == null ? void 0 : o.some(
+          ((l = s.rules) == null ? void 0 : l.some(
             (d) => d.id === p && d.value
           )) ? t.dictPickingExpressionId = p : delete t.dictPickingExpressionId;
         }
@@ -184,10 +185,10 @@ class N {
   buildChildEntityTreeData(n = null, e) {
     const t = [];
     return n == null || n.forEach((i) => {
-      var o, p;
+      var l, p;
       const s = this.createTreeNode(i, e);
       s.type = "entity";
-      const r = this.buildEntityFieldsTreeData((o = i.type) == null ? void 0 : o.fields, [...e, i.label]), a = this.buildChildEntityTreeData((p = i.type) == null ? void 0 : p.entities, [...e, i.label]);
+      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({
         data: s,
         children: r || [],
@@ -237,12 +238,12 @@ class N {
     return s.messageType != null && (a.messageType = s.messageType), a;
   }
   buildRule(n, e, t, i) {
-    const { expression: s, message: r, messageType: a } = e, o = {
+    const { expression: s, message: r, messageType: a } = e, l = {
       id: `${n}_${t}`,
       type: t,
       value: s
     };
-    return (t === "validate" || t === "dataPicking" || t === "required") && (o.message = r), t === "dataPicking" && (o.messageType = a), t === "validate" && i && (o.elementId = i), o;
+    return (t === "validate" || t === "dataPicking" || t === "required") && (l.message = r), t === "dataPicking" && (l.messageType = a), t === "validate" && i && (l.elementId = i), l;
   }
   getExpressionData() {
     const { expressions: n } = this.formSchemaService.getFormSchema().module;
@@ -250,32 +251,32 @@ 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 o = this.getExpressionData().find((c) => c.targetType === e && c.target === s);
+    let l = this.getExpressionData().find((c) => c.targetType === e && c.target === s);
     const p = (c) => c.value.trim() === "";
-    if (o) {
-      const c = o.rules.find((d) => d.id === r.id);
+    if (l) {
+      const c = l.rules.find((d) => d.id === r.id);
       if (c)
-        p(r) ? o.rules = o.rules.filter((d) => d.id !== r.id) : (Object.assign(c, r), i === "validate" && n.type === "form-group" && (c.elementId = n.id));
+        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));
       else {
         if (p(r))
           return null;
-        o.rules = o.rules || [], o.rules.push(r);
+        l.rules = l.rules || [], l.rules.push(r);
       }
     } else {
       if (p(r))
         return null;
-      o = {
+      l = {
         target: `${s}`,
         rules: [r],
         targetType: e
       };
     }
-    return o;
+    return l;
   }
   getExpressionEditorOptions(n, e, t, i) {
     return t.reduce((s, r) => {
-      var o, p;
-      const a = e === "Field" ? (o = n == null ? void 0 : n.binding) == null ? void 0 : o.field : n.id;
+      var l, p;
+      const a = 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: "",
@@ -393,7 +394,7 @@ class ne {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: n.type, name: l[n.type] && l[n.type].name }]
+            data: [{ value: n.type, name: o[n.type] && o[n.type].name }]
           }
         }
       }
@@ -449,7 +450,7 @@ class ne {
    * @returns 
    */
   getPropertyEditorParams(n, e = [], t = "visible", i = {}, s = {}, r = "") {
-    const { getVariables: a, getControlName: o, getStateMachines: p } = ie(this.designerHostService), c = this.getRealTargetType(n), d = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
+    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 = {
       type: "property-editor",
       propertyTypes: d
     };
@@ -469,7 +470,7 @@ class ne {
           break;
         case "Variable":
           Object.assign(m, {
-            controlName: o(n),
+            controlName: l(n),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
             variables: a(this.viewModelId),
@@ -505,22 +506,22 @@ class ne {
       title: "行为",
       description: ""
     }, r = this.getVisibleProperty(n, e);
-    for (const o in t)
-      r[o] = Object.assign(r[o] || {}, t[o]);
+    for (const l in t)
+      r[l] = Object.assign(r[l] || {}, t[l]);
     const a = this;
     return {
       ...s,
       properties: { ...r },
-      setPropertyRelates(o, p) {
-        if (o) {
-          switch (o.propertyID) {
+      setPropertyRelates(l, p) {
+        if (l) {
+          switch (l.propertyID) {
             case "disabled":
             case "readonly":
             case "visible":
-              a.afterMutilEditorChanged(n, o);
+              a.afterMutilEditorChanged(n, l);
               break;
           }
-          i && i(o, p);
+          i && i(l, p);
         }
       }
     };
@@ -574,11 +575,11 @@ class ne {
     const e = n.propertyValue;
     if (!((e && e.type) === "Expression" && e.expressionInfo))
       return;
-    const { expressionId: s, expressionInfo: r } = e, { targetId: a, targetType: o, expressionType: p, value: c, message: d } = r, m = this.formSchemaUtils.getModule();
+    const { expressionId: s, expressionInfo: r } = e, { targetId: a, targetType: l, expressionType: p, value: c, 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: o }, f.push(u));
+    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;
@@ -598,14 +599,14 @@ 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, o = r.find((p) => p.target === a);
-    !o || !o.rules || (o.rules = o.rules.filter((p) => p.type !== s));
+    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), a = e.binding ? e.binding.field : e.id, l = r.find((p) => p.target === a);
+    !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);
   }
   getRealTargetType(n) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
+    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";
   }
   createBaseEventProperty(n) {
     const e = {};
@@ -627,10 +628,10 @@ const F = class F {
    */
   static getEditorTypesByMDataType(n, e = !1, t = "") {
     if (e)
-      return [{ key: l["language-textbox"].type, value: l["language-textbox"].name }];
+      return [{ key: o["language-textbox"].type, value: o["language-textbox"].name }];
     let i = F.fieldControlTypeMapping[n];
     if (t === "data-grid-column" && (i != null && i.length)) {
-      const s = [l["check-group"].type, l["radio-group"].type, l.image.type];
+      const s = [o["check-group"].type, o["radio-group"].type, o.image.type, o["rich-text-editor"].type];
       i = i.filter((r) => !s.includes(r.key));
     }
     return i;
@@ -653,7 +654,7 @@ const F = class F {
   static mappingDomPropAndSchemaProp(n, e) {
     var s;
     const t = (s = n.editor) == null ? void 0 : s.type, i = [];
-    return (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (t === l["input-group"].type || t === l.textarea.type || t === l["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), t === l["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (t === l["combo-list"].type || t === l["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), t === l["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), t === l["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), t === l.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
+    return (n.type === o["data-grid-column"].type || n.type === o["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (t === o["input-group"].type || t === o.textarea.type || t === o["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), t === o["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (n.type === o["data-grid-column"].type || n.type === o["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (t === o["combo-list"].type || t === o["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (n.type === o["data-grid-column"].type || n.type === o["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), t === o["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), t === o["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), t === o.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (n.type === o["data-grid-column"].type || n.type === o["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
   }
 };
 /**
@@ -661,56 +662,56 @@ const F = class F {
  */
 g(F, "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.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name },
-    { key: l["check-group"].type, value: l["check-group"].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: l["time-picker"].type, value: l["time-picker"].name }
+    { key: o["input-group"].type, value: o["input-group"].name },
+    { key: o.lookup.type, value: o.lookup.name },
+    { key: o.image.type, value: o.image.name },
+    { key: o["date-picker"].type, value: o["date-picker"].name },
+    { key: o.switch.type, value: o.switch.name },
+    { key: o["check-box"].type, value: o["check-box"].name },
+    { key: o["check-group"].type, value: o["check-group"].name },
+    { key: o["radio-group"].type, value: o["radio-group"].name },
+    { key: o["combo-list"].type, value: o["combo-list"].name },
+    { key: o.textarea.type, value: o.textarea.name },
+    { key: o["time-picker"].type, value: o["time-picker"].name }
   ],
   Text: [
-    { key: l.textarea.type, value: l.textarea.name },
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l.image.type, value: l.image.name },
-    { key: l["rich-text-editor"].type, value: l["rich-text-editor"].name }
+    { key: o.textarea.type, value: o.textarea.name },
+    { key: o.lookup.type, value: o.lookup.name },
+    { key: o.image.type, value: o.image.name },
+    { key: o["rich-text-editor"].type, value: o["rich-text-editor"].name }
   ],
   Decimal: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: o["number-spinner"].type, value: o["number-spinner"].name }
   ],
   Integer: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: o["number-spinner"].type, value: o["number-spinner"].name }
   ],
   Number: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name },
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
+    { key: o["number-spinner"].type, value: o["number-spinner"].name },
+    { key: o.switch.type, value: o.switch.name },
+    { key: o["check-box"].type, value: o["check-box"].name }
   ],
   BigNumber: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+    { key: o["number-spinner"].type, value: o["number-spinner"].name }
   ],
   Date: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: o["date-picker"].type, value: o["date-picker"].name }
   ],
   DateTime: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
+    { key: o["date-picker"].type, value: o["date-picker"].name }
   ],
   Boolean: [
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
+    { key: o.switch.type, value: o.switch.name },
+    { key: o["check-box"].type, value: o["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: o["combo-list"].type, value: o["combo-list"].name },
+    { key: o["radio-group"].type, value: o["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 }
+    { key: o.lookup.type, value: o.lookup.name },
+    { key: o["combo-list"].type, value: o["combo-list"].name },
+    { key: o["radio-group"].type, value: o["radio-group"].name }
   ]
 });
 let V = F;
@@ -774,16 +775,16 @@ function re(y) {
     const d = y.getComponentById(c);
     if (!d || !d.componentType || !d.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const m = y.selectNode(d, (f) => f.type === l["response-form"].type);
+    const m = y.selectNode(d, (f) => f.type === o["response-form"].type);
     return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
   }
-  function o(c, d) {
+  function l(c, d) {
     d = d || c.id;
     const { result: m, message: f, formNode: u } = a(d);
     if (!m)
       return { result: m, message: f };
     e = c.id, i = [], t.clear();
-    const h = u.contents[0].type === l.fieldset.type ? 0 : 1;
+    const h = u.contents[0].type === o.fieldset.type ? 0 : 1;
     r(u, i, h);
     const b = i.find((v) => !v.isSupportedClass);
     return {
@@ -816,7 +817,7 @@ function re(y) {
   }
   return {
     checkCanFindFormNode: a,
-    checkCanOpenLayoutEditor: o,
+    checkCanOpenLayoutEditor: l,
     changeFormControlsByResponseLayoutConfig: p,
     getResonseFormLayoutConfig: r
   };
@@ -848,7 +849,7 @@ class oe extends ne {
     var p;
     const s = this;
     this.setDesignViewModelField(e);
-    const { canChangeControlType: r, editorTypeList: a } = this.getAvailableEditorType(e), o = {
+    const { canChangeControlType: r, editorTypeList: a } = this.getAvailableEditorType(e), l = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -925,7 +926,7 @@ class oe extends ne {
           }
       }
     };
-    return i.toLocaleLowerCase() !== "card" && delete o.properties.showLabelType, o;
+    return i.toLocaleLowerCase() !== "card" && delete l.properties.showLabelType, l;
   }
   /**
    * 校验控件是否支持切换类型
@@ -952,7 +953,7 @@ class oe extends ne {
         canChangeControlType: !1,
         editorTypeList: [{
           key: e.editor.type,
-          value: ((s = l[e.editor.type]) == null ? void 0 : s.name) || e.editor.type
+          value: ((s = o[e.editor.type]) == null ? void 0 : s.name) || e.editor.type
         }]
       };
     let i = [];
@@ -1032,21 +1033,21 @@ class oe extends ne {
     const a = r.contents.findIndex((c) => c.id === e.id);
     if (a === -1)
       return;
-    const o = r.contents[a];
+    const l = r.contents[a];
     let p;
     if (this.designViewModelField) {
       const m = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((u) => u.id === this.designViewModelField.id).fieldSchema || {};
       m.editor || (m.editor = {}), m.editor.$type = s, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, m, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s);
     }
     p || (p = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(p, {
-      id: o.id,
-      appearance: o.appearance,
-      size: o.size,
-      label: o.label,
-      binding: o.binding
-    }), Object.prototype.hasOwnProperty.call(o, "visible") && Object.assign(p, { visible: o.visible }), o.editor && ["readonly", "required", "placeholder"].map((c) => {
-      Object.prototype.hasOwnProperty.call(o.editor, c) && (p.editor[c] = o.editor[c]);
-    }), i != null && i.updateContextSchema ? i.updateContextSchema(p) : (i.schema = Object.assign(o, p), Object.assign(e, p)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      id: l.id,
+      appearance: l.appearance,
+      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]);
+    }), 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")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
       (c) => c.classList.remove("dgComponentFocused")
@@ -1062,11 +1063,11 @@ class oe extends ne {
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, t), a = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], o = this.getPropertyEditorParams(e, a, "readonly"), p = this.getPropertyEditorParams(e, a, "required"), c = {
+    }, t), a = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, a, "readonly"), p = this.getPropertyEditorParams(e, a, "required"), c = {
       readonly: {
         description: "",
         title: "只读",
-        editor: o
+        editor: l
       },
       required: {
         description: "",
@@ -1108,13 +1109,13 @@ 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)), o = 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-", ""), o = o || "col-xl-" + a.replace("col-md-", ""), p = p || "col-el-" + o.replace("col-xl-", "");
+    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 = {
       id: t,
       columnInSM: parseInt(r.replace("col-", ""), 10),
       columnInMD: parseInt(a.replace("col-md-", ""), 10),
-      columnInLG: parseInt(o.replace("col-xl-", ""), 10),
+      columnInLG: parseInt(l.replace("col-xl-", ""), 10),
       columnInEL: parseInt(p.replace("col-el-", ""), 10)
     };
     this.updateUnifiedLayoutAfterResponseLayoutChanged(i, c);
@@ -1133,7 +1134,7 @@ class oe extends ne {
       const u = s.find((h) => h.id === t.id);
       Object.assign(u || {}, t);
     }
-    const r = s.map((u) => u.columnInSM), a = s.map((u) => u.columnInMD), o = 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(o) ? o[0] : null, f = this.checkIsUniqueColumn(p) ? p[0] : null;
+    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;
     Object.assign(i.unifiedLayout, {
       uniqueColClassInSM: c,
       uniqueColClassInMD: d,
@@ -1219,11 +1220,11 @@ class oe extends ne {
         hide: !0
       };
     this.appendFieldValueChangeEvents(e, a);
-    const o = r.eventsEditorUtils.formProperties(e, r.viewModelId, a);
+    const l = r.eventsEditorUtils.formProperties(e, r.viewModelId, a);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: r.createBaseEventProperty(o),
+      properties: r.createBaseEventProperty(l),
       tabId: "commands",
       tabName: "交互",
       setPropertyRelates(d, m) {
@@ -1353,7 +1354,7 @@ const S = /* @__PURE__ */ _({
   props: te,
   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"), o = de(a, r), p = K(s, a, o);
+    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(() => {
       s.value.componentInstance = p;
     }), n.expose(p.value);