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

package/components/html-template/index.esm.js

@@ -1,12 +1,12 @@
-var S = Object.defineProperty;
-var T = (d, e, t) => e in d ? S(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var u = (d, e, t) => T(d, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as y, ref as F, inject as b, onMounted as R, computed as U, createVNode as k } from "vue";
-import { createPropsResolver as C } from "../dynamic-resolver/index.esm.js";
-import { withInstall as N } from "../common/index.esm.js";
-import { DgControl as E, canvasChanged as B, refreshCanvas as O, useDesignerComponent as $ } from "../designer-canvas/index.esm.js";
-import { cloneDeep as A } from "lodash-es";
-const q = "https://json-schema.org/draft/2020-12/schema", H = "https://farris-design.gitee.io/html-template.schema.json", _ = "html-template", j = "A Farris Component", L = "object", z = {
+var T = Object.defineProperty;
+var F = (d, e, t) => e in d ? T(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
+var u = (d, e, t) => F(d, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as M, ref as R, inject as w, onMounted as U, computed as k, createVNode as N } from "vue";
+import { createPropsResolver as I, getPropsResolverGenerator as P } from "../dynamic-resolver/index.esm.js";
+import { withInstall as B } from "../common/index.esm.js";
+import { DgControl as V, canvasChanged as O, refreshCanvas as $, useDesignerComponent as A } from "../designer-canvas/index.esm.js";
+import { cloneDeep as q } from "lodash-es";
+const H = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-design.gitee.io/html-template.schema.json", j = "html-template", L = "A Farris Component", G = "object", z = {
   id: {
     description: "The unique identifier for a html-template",
     type: "string"
@@ -26,31 +26,41 @@ const q = "https://json-schema.org/draft/2020-12/schema", H = "https://farris-de
     type: "function",
     default: null
   }
-}, G = [
+}, D = [
   "id",
   "type"
-], J = [], w = {
-  $schema: q,
-  $id: H,
-  title: _,
-  description: j,
-  type: L,
+], J = [], v = {
+  $schema: H,
+  $id: _,
+  title: j,
+  description: L,
+  type: G,
   properties: z,
-  required: G,
+  required: D,
   ignore: J
-}, V = /* @__PURE__ */ new Map([]);
-function M(d, e, t) {
+}, b = /* @__PURE__ */ new Map([]);
+function y(d, e, t) {
   return e;
 }
-const I = {
+const C = {
   /** 渲染函数 */
   renderFunction: { type: Function }
-}, K = C(I, w, V, M), P = {
+}, de = I(C, v, b, y), S = {
   /** html模板 */
   html: { type: String, default: "" }
-}, Q = C(P, w, V, M), x = /* @__PURE__ */ y({
+}, ce = I(S, v, b, y), K = P(
+  C,
+  v,
+  b,
+  y
+), Q = P(
+  S,
+  v,
+  b,
+  y
+), x = /* @__PURE__ */ M({
   name: "FHtmlTemplate",
-  props: I,
+  props: C,
   emits: [],
   setup(d) {
     return () => {
@@ -58,8 +68,11 @@ const I = {
       return (e = d.renderFunction) == null ? void 0 : e.call(d);
     };
   }
-});
-function W(d) {
+}), W = {
+  /** html模板 */
+  html: { type: String, default: "" }
+};
+function X(d) {
   const { formSchemaUtils: e, formStateMachineUtils: t } = d;
   function i(o, l = "") {
     return {
@@ -68,25 +81,26 @@ function W(d) {
       fullPath: o.code
     };
   }
-  function n(o, l = "") {
-    return e.getViewModelById(o).states.map((p) => i(p, l));
+  function s(o, l = "") {
+    const c = e.getViewModelById(o);
+    return c ? c.states.map((p) => i(p, l)) : [];
   }
   function r(o) {
-    const l = e.getRootViewModelId(), c = n(o);
+    const l = e.getRootViewModelId(), c = s(o);
     if (o === l)
       return c;
-    const p = n(l, "root-component.");
+    const p = s(l, "root-component.");
     return [...c, ...p];
   }
-  function s(o) {
+  function n(o) {
     return o.binding && o.binding.path || o.id || "";
   }
   function a() {
     return t && t.getRenderStates() || [];
   }
-  return { getVariables: r, getControlName: s, getStateMachines: a };
+  return { getVariables: r, getControlName: n, getStateMachines: a };
 }
-class X {
+class Y {
   constructor(e) {
     u(this, "sessionVariables", [
       {
@@ -135,19 +149,19 @@ class X {
       required: "必填表达式"
     });
     u(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (i, n, r, s) => {
-        const a = r.getExpressionRuleValue(e, t || n);
+      convertFrom: (i, s, r, n) => {
+        const a = r.getExpressionRuleValue(e, t || s);
         return a && a.value || "";
       },
-      convertTo: (i, n, r, s, a) => {
+      convertTo: (i, s, r, n, a) => {
         var o;
-        if (n === "dataPicking" && (r != null && r.target)) {
+        if (s === "dataPicking" && (r != null && r.target)) {
           const l = `${r.target}_dataPicking`;
           ((o = r.rules) == null ? void 0 : o.some(
             (p) => p.id === l && p.value
           )) ? i.dictPickingExpressionId = l : delete i.dictPickingExpressionId;
         }
-        s.updateExpression(r);
+        n.updateExpression(r);
       }
     }));
     this.formSchemaService = e;
@@ -156,10 +170,10 @@ class X {
     const i = this.formSchemaService.getExpressions();
     if (!i)
       return "";
-    const n = i.find((s) => s.target === e);
-    if (!n)
+    const s = i.find((n) => n.target === e);
+    if (!s)
       return "";
-    const r = n.rules.find((s) => s.type === t);
+    const r = s.rules.find((n) => n.type === t);
     return r || "";
   }
   // 获取上下文表单变量
@@ -170,15 +184,15 @@ class X {
     const t = this.formSchemaService.getRootViewModelId(), i = this.formSchemaService.getViewModelById(t);
     if (!i || !i.states || i.states.length === 0)
       return [];
-    const n = [];
+    const s = [];
     return i.states.filter((r) => r.category === "remote").forEach((r) => {
-      n.push({
+      s.push({
         key: r.code,
         name: r.name,
         description: r.name,
         category: r.category
       });
-    }), n;
+    }), s;
   }
   createTreeNode(e, t, i = "label") {
     return {
@@ -191,27 +205,27 @@ class X {
   }
   buildEntityFieldsTreeData(e = null, t) {
     const i = [];
-    return e == null || e.forEach((n) => {
+    return e == null || e.forEach((s) => {
       var a;
-      const r = this.createTreeNode(n, t);
-      let s = [];
-      (a = n.type) != null && a.fields && (s = this.buildEntityFieldsTreeData(n.type.fields, [...t, n.label])), i.push({
+      const r = this.createTreeNode(s, t);
+      let n = [];
+      (a = s.type) != null && a.fields && (n = this.buildEntityFieldsTreeData(s.type.fields, [...t, s.label])), i.push({
         data: r,
-        children: s,
+        children: n,
         expanded: !0
       });
     }), i;
   }
   buildChildEntityTreeData(e = null, t) {
     const i = [];
-    return e == null || e.forEach((n) => {
+    return e == null || e.forEach((s) => {
       var o, l;
-      const r = this.createTreeNode(n, t);
+      const r = this.createTreeNode(s, t);
       r.type = "entity";
-      const s = this.buildEntityFieldsTreeData((o = n.type) == null ? void 0 : o.fields, [...t, n.label]), a = this.buildChildEntityTreeData((l = n.type) == null ? void 0 : l.entities, [...t, n.label]);
-      a != null && a.length && (s == null || s.push(...a)), i.push({
+      const n = this.buildEntityFieldsTreeData((o = s.type) == null ? void 0 : o.fields, [...t, s.label]), a = this.buildChildEntityTreeData((l = s.type) == null ? void 0 : l.entities, [...t, s.label]);
+      a != null && a.length && (n == null || n.push(...a)), i.push({
         data: r,
-        children: s || [],
+        children: n || [],
         // 空值回退
         expanded: !0
       });
@@ -224,8 +238,8 @@ class X {
     const t = e[0];
     if (!(t != null && t.type))
       return [];
-    const i = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), n = this.buildChildEntityTreeData(t.type.entities, [t.code]);
-    return n != null && n.length && (i == null || i.push(...n)), {
+    const i = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), s = this.buildChildEntityTreeData(t.type.entities, [t.code]);
+    return s != null && s.length && (i == null || i.push(...s)), {
       entityCode: t.code,
       fields: [{
         data: this.createTreeNode(t, [], "code"),
@@ -251,71 +265,71 @@ class X {
     };
   }
   onBeforeOpenExpression(e, t, i) {
-    const n = i === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(n, t), s = this.getEntitiesAndVariables(), a = {
+    const s = i === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, t), n = this.getEntitiesAndVariables(), a = {
       message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
-      ...s
+      ...n
     };
     return r.messageType != null && (a.messageType = r.messageType), a;
   }
-  buildRule(e, t, i, n) {
-    const { expression: r, message: s, messageType: a } = t, o = {
+  buildRule(e, t, i, s) {
+    const { expression: r, message: n, messageType: a } = t, o = {
       id: `${e}_${i}`,
       type: i,
       value: r
     };
-    return (i === "validate" || i === "dataPicking" || i === "required") && (o.message = s), i === "dataPicking" && (o.messageType = a), i === "validate" && n && (o.elementId = n), o;
+    return (i === "validate" || i === "dataPicking" || i === "required") && (o.message = n), i === "dataPicking" && (o.messageType = a), i === "validate" && s && (o.elementId = s), o;
   }
   getExpressionData() {
     const { expressions: e } = this.formSchemaService.getFormSchema().module;
     return e || [];
   }
-  updateExpression(e, t, i, n) {
-    const r = t === "Field" ? e.binding.field : e.id, s = this.buildRule(r, i, n, e.type === "form-group" ? e.id : "");
+  updateExpression(e, t, i, s) {
+    const r = t === "Field" ? e.binding.field : e.id, n = this.buildRule(r, i, s, e.type === "form-group" ? e.id : "");
     let o = this.getExpressionData().find((c) => c.targetType === t && c.target === r);
     const l = (c) => c.value.trim() === "";
     if (o) {
-      const c = o.rules.find((p) => p.id === s.id);
+      const c = o.rules.find((p) => p.id === n.id);
       if (c)
-        l(s) ? o.rules = o.rules.filter((p) => p.id !== s.id) : (Object.assign(c, s), n === "validate" && e.type === "form-group" && (c.elementId = e.id));
+        l(n) ? o.rules = o.rules.filter((p) => p.id !== n.id) : (Object.assign(c, n), s === "validate" && e.type === "form-group" && (c.elementId = e.id));
       else {
-        if (l(s))
+        if (l(n))
           return null;
-        o.rules = o.rules || [], o.rules.push(s);
+        o.rules = o.rules || [], o.rules.push(n);
       }
     } else {
-      if (l(s))
+      if (l(n))
         return null;
       o = {
         target: `${r}`,
-        rules: [s],
+        rules: [n],
         targetType: t
       };
     }
     return o;
   }
-  getExpressionEditorOptions(e, t, i, n) {
-    return i.reduce((r, s) => {
+  getExpressionEditorOptions(e, t, i, s) {
+    return i.reduce((r, n) => {
       var o, l;
       const a = t === "Field" ? (o = e == null ? void 0 : e.binding) == null ? void 0 : o.field : e.id;
-      return r[s] = {
+      return r[n] = {
         hide: t === "Field" ? !!((l = e == null ? void 0 : e.binding) != null && l.field) : !1,
         description: "",
-        title: this.expressionNames[s],
+        title: this.expressionNames[n],
         type: "string",
         $converter: this.getExpressionConverter(a),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
           singleExpand: !1,
-          dialogTitle: `${this.expressionNames[s]}编辑器`,
-          showMessage: s === "validate" || s === "dataPicking" || s === "required",
-          showMessageType: s === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(e, s, t),
+          dialogTitle: `${this.expressionNames[n]}编辑器`,
+          showMessage: n === "validate" || n === "dataPicking" || n === "required",
+          showMessageType: n === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
           onSubmitModal: (c) => {
-            const p = this.updateExpression(e, t, c, s);
-            if (n) {
-              const m = this.buildRule(a, c, s);
-              n(m);
+            const p = this.updateExpression(e, t, c, n);
+            if (s) {
+              const m = this.buildRule(a, c, n);
+              s(m);
             }
             return p;
           }
@@ -324,36 +338,36 @@ class X {
     }, {});
   }
   getExpressionInfo(e, t, i) {
-    const n = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(n, i), s = {
+    const s = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, i), n = {
       value: r && r.value,
-      targetId: n,
+      targetId: s,
       targetType: t,
       expressionType: i
     };
-    return r && r.message && (s.message = r.message), s;
+    return r && r.message && (n.message = r.message), n;
   }
-  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], n) {
+  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
     return {
       description: "表达式",
       title: "表达式",
       hide: !e.binding,
       properties: {
-        ...this.getExpressionEditorOptions(e, t, i, n)
+        ...this.getExpressionEditorOptions(e, t, i, s)
       }
     };
   }
   getExpressionOptions(e, t, i) {
-    const n = this.getExpressionInfo(e, t, i);
+    const s = this.getExpressionInfo(e, t, i);
     return {
       dialogTitle: `${this.expressionNames[i]}编辑器`,
       singleExpand: !1,
       showMessage: i === "required",
       beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
-      expressionInfo: n
+      expressionInfo: s
     };
   }
 }
-class Y {
+class Z {
   constructor(e, t) {
     u(this, "componentId");
     u(this, "viewModelId");
@@ -387,8 +401,8 @@ class Y {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = n.fields.find((r) => r.id === t);
+        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = s.fields.find((r) => r.id === t);
       }
       e.updateOn = (i = this.designViewModelField) == null ? void 0 : i.updateOn;
     }
@@ -414,14 +428,14 @@ class Y {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: E[e.type] && E[e.type].name }]
+            data: [{ value: e.type, name: V[e.type] && V[e.type].name }]
           }
         }
       }
     };
   }
   getAppearanceConfig(e = null, t = {}, i) {
-    const n = {
+    const s = {
       title: "外观",
       description: "Appearance"
     }, r = {
@@ -440,21 +454,21 @@ class Y {
         parentPropertyID: "appearance"
       }
     };
-    for (const s in t)
-      r[s] = Object.assign(r[s] || {}, t[s]);
+    for (const n in t)
+      r[n] = Object.assign(r[n] || {}, t[n]);
     return {
-      ...n,
+      ...s,
       properties: { ...r },
-      setPropertyRelates(s, a) {
-        if (s) {
-          switch (s && s.propertyID) {
+      setPropertyRelates(n, a) {
+        if (n) {
+          switch (n && n.propertyID) {
             case "class":
             case "style": {
-              B.value++;
+              O.value++;
               break;
             }
           }
-          i && i(s, e, a);
+          i && i(n, e, a);
         }
       }
     };
@@ -469,8 +483,8 @@ class Y {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(e, t = [], i = "visible", n = {}, r = {}, s = "") {
-    const { getVariables: a, getControlName: o, getStateMachines: l } = W(this.designerHostService), c = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], m = {
+  getPropertyEditorParams(e, t = [], i = "visible", s = {}, r = {}, n = "") {
+    const { getVariables: a, getControlName: o, getStateMachines: l } = X(this.designerHostService), c = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -480,10 +494,10 @@ class Y {
           Object.assign(m, {
             constType: "enum",
             constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, n);
+          }, s);
           break;
         case "Expression":
-          m.expressionConfig = this.getExpressionOptions(e, c, s || i);
+          m.expressionConfig = this.getExpressionOptions(e, c, n || i);
           break;
         case "StateMachine":
           m.stateMachines = l();
@@ -521,17 +535,17 @@ class Y {
    * @param viewModelId 
    * @returns 
    */
-  getBehaviorConfig(e, t = "", i = {}, n) {
+  getBehaviorConfig(e, t = "", i = {}, s) {
     const r = {
       title: "行为",
       description: ""
-    }, s = this.getVisibleProperty(e, t);
+    }, n = this.getVisibleProperty(e, t);
     for (const o in i)
-      s[o] = Object.assign(s[o] || {}, i[o]);
+      n[o] = Object.assign(n[o] || {}, i[o]);
     const a = this;
     return {
       ...r,
-      properties: { ...s },
+      properties: { ...n },
       setPropertyRelates(o, l) {
         if (o) {
           switch (o.propertyID) {
@@ -541,7 +555,7 @@ class Y {
               a.afterMutilEditorChanged(e, o);
               break;
           }
-          n && n(o, l);
+          s && s(o, l);
         }
       }
     };
@@ -564,8 +578,8 @@ class Y {
     const i = t && t.parent && t.parent.schema;
     if (!i)
       return;
-    const n = i.contents.findIndex((s) => s.id === e), r = A(i.contents[n]);
-    i.contents.splice(n, 1), i.contents.splice(n, 0, r), O();
+    const s = i.contents.findIndex((n) => n.id === e), r = q(i.contents[s]);
+    i.contents.splice(s, 1), i.contents.splice(s, 0, r), $();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -577,7 +591,7 @@ class Y {
     const i = e.propertyValue;
     if (!(i && typeof i == "object") || !(i.type === "Variable" && i.isNewVariable))
       return;
-    const s = {
+    const n = {
       id: i.field,
       category: "locale",
       code: i.fullPath,
@@ -585,7 +599,7 @@ class Y {
       type: i.newVariableType || "String",
       isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
     };
-    delete i.newVariableType, delete i.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
+    delete i.newVariableType, delete i.isNewVariable, this.formSchemaUtils.getVariableByCode(n.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(n);
   }
   /**
    * 更新表达式到expressions节点
@@ -595,14 +609,14 @@ class Y {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: r, expressionInfo: s } = t, { targetId: a, targetType: o, expressionType: l, value: c, message: p } = s, m = this.formSchemaUtils.getModule();
+    const { expressionId: r, expressionInfo: n } = t, { targetId: a, targetType: o, expressionType: l, value: c, message: p } = n, m = this.formSchemaUtils.getModule();
     m.expressions = m.expressions || [];
     const { expressions: f } = m;
     let g = f.find((h) => h.target === a);
     g || (g = { target: a, rules: [], targetType: o }, f.push(g));
-    const v = g.rules.find((h) => h.type === l);
-    if (v)
-      v.value = c, v.message = p;
+    const E = g.rules.find((h) => h.type === l);
+    if (E)
+      E.value = c, E.message = p;
     else {
       const h = { id: r, type: l, value: c, message: p };
       g.rules.push(h);
@@ -619,14 +633,14 @@ class Y {
     const i = e.propertyValue;
     if (i && i.type === "Expression")
       return;
-    const r = e.propertyID, s = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, o = s.find((l) => l.target === a);
+    const r = e.propertyID, n = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, o = n.find((l) => l.target === a);
     !o || !o.rules || (o.rules = o.rules.filter((l) => l.type !== r));
   }
   getExpressionOptions(e, t, i) {
-    return new X(this.formSchemaUtils).getExpressionOptions(e, t, i);
+    return new Y(this.formSchemaUtils).getExpressionOptions(e, t, i);
   }
   getRealTargetType(e) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
   }
   createBaseEventProperty(e) {
     const t = {};
@@ -635,14 +649,14 @@ class Y {
       editor: {
         initialData: e,
         viewSourceHandle: (i) => {
-          var n;
-          ((n = i.controller) == null ? void 0 : n.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(i);
+          var s;
+          ((s = i.controller) == null ? void 0 : s.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(i);
         }
       }
     }, t;
   }
 }
-class Z extends Y {
+class ee extends Z {
   constructor(e, t) {
     super(e, t);
   }
@@ -668,59 +682,65 @@ class Z extends Y {
     };
   }
 }
-function D(d, e) {
+function te(d, e) {
   function t() {
     return !1;
   }
   function i() {
     return !0;
   }
-  function n() {
+  function s() {
     return !0;
   }
   function r() {
     return !0;
   }
-  function s(a) {
-    return new Z(a, e).getPropertyConfig(d);
+  function n(o) {
+    return new ee(o, e).getPropertyConfig(d);
+  }
+  function a() {
+    return "";
   }
   return {
     canAccepts: t,
     hideNestedPaddingInDesginerView: r,
-    getPropsConfig: s,
+    getPropsConfig: n,
     checkCanDeleteComponent: i,
-    checkCanMoveComponent: n
+    checkCanMoveComponent: s,
+    getDesignerClass: a
   };
 }
-const ee = /* @__PURE__ */ y({
+const ie = /* @__PURE__ */ M({
   name: "FHtmlTemplateDesign",
-  props: P,
+  props: W,
   emits: [],
   setup(d, e) {
-    const t = F(), i = b("designer-host-service"), n = b("design-item-context"), r = D(n.schema, i), s = $(t, n, r);
-    R(() => {
-      t.value.componentInstance = s;
-    }), e.expose(s.value);
-    const o = '<div class="fv-html-template-design-placeholder">请在属性面板中配置模板</div>', l = U(() => d.html ? d.html : o);
-    return () => k("div", {
+    const t = R(), i = w("designer-host-service"), s = w("design-item-context"), r = te(s.schema, i), n = A(t, s, r);
+    U(() => {
+      t.value.componentInstance = n;
+    }), e.expose(n.value);
+    const o = '<div class="fv-html-template-design-placeholder">请在属性面板中配置模板</div>', l = k(() => d.html ? d.html : o);
+    return () => N("div", {
       ref: t,
       class: "fv-html-template-design",
       innerHTML: l.value
     }, null);
   }
 });
-x.register = (d, e, t, i) => {
-  d["html-template"] = x, e["html-template"] = K;
+x.register = (d, e, t, i, s) => {
+  d["html-template"] = x, e["html-template"] = K(s);
 };
-x.registerDesigner = (d, e, t) => {
-  d["html-template"] = ee, e["html-template"] = Q;
+x.registerDesigner = (d, e, t, i) => {
+  d["html-template"] = ie, e["html-template"] = Q(i);
 };
-const ae = N(x);
+const pe = B(x);
 export {
   x as FHtmlTemplate,
-  ae as default,
-  Q as designPropsResolver,
-  P as htmlTemplateDesignProps,
-  I as htmlTemplateProps,
-  K as propsResolver
+  pe as default,
+  ce as designPropsResolver,
+  Q as designPropsResolverGenerator,
+  S as htmlTemplateDesignProps,
+  C as htmlTemplateProps,
+  de as propsResolver,
+  K as propsResolverGenerator
 };