@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/avatar/index.esm.js

@@ -1,18 +1,15 @@
-var K = Object.defineProperty;
-var j = (g, n, e) => n in g ? K(g, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[n] = e;
-var y = (g, n, e) => j(g, typeof n != "symbol" ? n + "" : n, e);
-import { ref as F, computed as E, defineComponent as U, createVNode as C, Fragment as Z, createTextVNode as z, nextTick as $, inject as B, onMounted as J } from "vue";
-import { resolveAppearance as X, createPropsResolver as Y } from "../dynamic-resolver/index.esm.js";
-import "../locale/index.esm.js";
-import { DgControl as a, canvasChanged as V, refreshCanvas as D, useDesignerComponent as _ } from "../designer-canvas/index.esm.js";
-import { cloneDeep as ee } from "lodash-es";
-import { FormSchemaEntityField$Type as N, FormSchemaEntityFieldType$Type as te, withInstall as ie } from "../common/index.esm.js";
-function ne(g, n, e) {
-  return n;
+import { withInstall as K } from "../common/index.esm.js";
+import { computed as p, defineComponent as H, ref as C, watch as E, createVNode as d } from "vue";
+import { resolveAppearance as v, createPropsResolver as h } from "../dynamic-resolver/index.esm.js";
+import { LocaleService as Q } from "../locale/index.esm.js";
+import { FNotifyService as R } from "../notify/index.esm.js";
+function D(e, g, o) {
+  return g;
 }
-const re = /* @__PURE__ */ new Map([
-  ["appearance", X]
-]), se = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/avatar.schema.json", ae = "avatar", le = "A Farris Component", de = "object", ce = {
+const S = /* @__PURE__ */ new Map([
+  ["appearance", v],
+  ["imageType", v]
+]), T = "https://json-schema.org/draft/2020-12/schema", j = "https://farris-design.gitee.io/avatar.schema.json", P = "avatar", I = "A Farris Component", F = "object", w = {
   id: {
     description: "The unique identifier for avatar",
     type: "string"
@@ -46,13 +43,15 @@ const re = /* @__PURE__ */ new Map([
   },
   avatarWidth: {
     description: "",
-    type: "number",
-    default: 100
+    type: "number"
+  },
+  title: {
+    description: "",
+    type: "string"
   },
   avatarHeight: {
     description: "",
-    type: "number",
-    default: 100
+    type: "number"
   },
   readonly: {
     description: "",
@@ -61,37 +60,31 @@ const re = /* @__PURE__ */ new Map([
   },
   cover: {
     description: "",
-    type: "string",
-    default: ""
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
+    type: "string"
   },
   visible: {
     description: "",
     type: "boolean",
     default: !0
   }
-}, pe = [
+}, N = [
   "id",
   "type"
-], ue = [
+], x = [
   "id",
   "appearance",
   "binding",
   "visible"
-], ge = {
-  $schema: se,
-  $id: oe,
-  title: ae,
-  description: le,
-  type: de,
-  properties: ce,
-  required: pe,
-  ignore: ue
-}, T = {
+], V = {
+  $schema: T,
+  $id: j,
+  title: P,
+  description: I,
+  type: F,
+  properties: w,
+  required: N,
+  ignore: x
+}, m = {
   /**
    * 头像宽度
    */
@@ -105,15 +98,16 @@ const re = /* @__PURE__ */ new Map([
    */
   cover: { type: String },
   /**
-   * 只读
+   * 只读 readonly废弃
    */
   readonly: { type: Boolean, default: !1 },
+  visible: { type: Boolean, default: !0 },
   /**
    * 头像形状
    */
   shape: { type: String, default: "circle" },
   /**
-   * 头像最大尺寸, 单位MB
+   * 允许头像上传大小, 单位MB
    */
   maxSize: { type: Number, default: 1 },
   /**
@@ -127,1521 +121,139 @@ const re = /* @__PURE__ */ new Map([
   /**
    * 支持的头像类型
    */
-  imageType: { type: Array, default: ["jpeg"] }
-}, R = Y(T, ge, re, ne);
-function L(g, n, e, t) {
-  const i = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAZABkAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAECAwQFB//EADMQAQEAAQEECAQGAgMBAAAAAAABAhEDITFBBBRRUmFxgaESkcHwEyIysdHhM3IjQvE0/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAXEQEBAQEAAAAAAAAAAAAAAAAAEQEh/9oADAMBAAIRAxEAPwD9BBYqCiyAGhougIqyGgEhIui6AyuixdATQ0WQA0BdA4houhoCaGgugMrouhoCaJoum80BNDRdDQGTRbEBNCxdDQGTRUBE0asQGRTQGTT71WxNPP5AugqyACyAC6dpIsgGgshoBISKAiroQDQ0OSyAgoBoaABoaABomigJTRQGV0XRATRGizUGRSwGdEsaqAljLQDOiNWJQZNJ4KffEFIRYAsFkAkFkAJFFkAkNCLIAAAC6AguhoCCl3TW2TzugIHx4S788Z6wmWN4ZY3ysoA1pu+qAgpYCAAaIoDIoCaJZvVAQ03LUBlGqWAzYmimn3vAaRYA1IkWASKKACgirIgAsgBoBdJNbZNN9t3aeIHNw2vSccbZhPxLN27dJ68/Rx222u1/LjbNn8vi/ieHPm58N03SKN5bfa58c7jOzHd78XOyXfd98bqoCaScp8jSdk+SgLjlljdccssfK12w6TlN2cmXjN1/iuAD34Z47Sa43XTjLus82nz5bjl8WNss4WPXsNtNpNLuzk3zlZ2wHUsBBF5CAFgAhouiUGRUBErSAyffFamgKqKCqkUBYcgBpADiuhoAKeYA8fStp8WX4WPCfq8b2eT1bXObPZZZ8bJrJ23lHz5rpvutu+3tvOqAAAAAAAACy3HKZY3Sy6yoA+hs85tMJlN2vGdlaeTomem0+C/9pu849SAKlARQERrkgJUWoCUVKDIqb/ugqxFBVRQFFBFABRAUAHn6bl+XDGc7bfT/ANeV26XddvJ2Yz3tcVAAAAAAAAAAFxy+HKZTjLq+l+z5j6Gzuuywt54z9jRoEQAARSoCCoCIqAIJQaCLzBZxCAKC8wIAChOIAADxdL/+i/6z6uTt0yabfXtxnta4qAAAAAAAAAAD37H/AAbP/WPBwfQ2c02WE7MYaNAIIoAhzCggHMEqaNIDNPviHoAsRqcAFSKC8iIoHNUAUAAAHl6ZPzbPLtln1ed7el467DXu2X0+68SgAAAAAAAAABpru7bo+npy7Po8HR8fi2+M46XW+Ue4ABAAAQAQUvAEvBL6BQS8U3feqpv7fcFnBUUBUUBScQFRUBQAAATKTLG43nLL6vnaWWy8ZdL5x9J4ulY/DtrZwymvrzUcgAAAAAAAANdwPT0LH9Wd8MZ+9elnY4fh7HHG8prfOtIAABQAQAKi1AE5KlBD09hPl7gKjUAVFBeYTiAqKgKAAAA5dKw+PY2ya5Y/mn19nVQfMG9th+HtbjOF3zyrCgAAAAAA6dHw+PbSWfln5r6Ob29Gw+DZS2fmy33y5T6g7cbreaAgAAAAgqAcgqfIBOapQSnr7lPS/IEaScAFVFgKIoKioCgAABgADj0nZ/HstZvyx3zxnN4+T6b52ePw7TLGcJbIoyAAAAADex2f4m1mN1+Gb75Tl9H0PbweboeOmGWXO3T0n/r0AAIAAAACKgHJFpyBEpyARFT74gKnNQVeaRQF5IoKTiigCKAAACZWY4/FlZMZxt3SAvnuna+dnlM8885wyts8nXb9I/Elw2e7G7rleN8J4ePNxUAAAAAAeroeUuFx7LrPKvQ+djlcMpljdLHs2W3x2k0/Tl2W8fLtB1C8ewQAAEUBDmt4oBeJeCAIUARFvBN3gByVAFUIChzWcAOSpGdpnjs5rnlMdeHbfKcwb58x5c+l23TZ7P1y3e0+rldvtcuO0snZjJFHvtmM1ysnjbpHHLpOyx3TK5eGM1eKyW63W3tt1UHfPpeV3YYTGduW+/JwyuWd1zyuVnDXhPKcgAAAAAAAAAAB0w2+0w3TKZTsy3+7tj0vG/rxyxvbN8eUB9DDa7PP9OeNvZrpfdu8OD5mkvGNY55Y/pzyx8ruIPePJj0nazj8OU8ZpfZ1w6Ts8rJlrhfHfPmg7FKgAF4AgVARPW/NanoAsZaBVlZUFVF4g57fbfhY7pLld0l/e+EeO23K5ZW5ZXjb97o1tcvj22WXHS/DPKMqAAAAAAAAAAAAAAAAAAAAAAOux212d0ttwvGdnjHr3ceMfPevo2XxbLTu3T0B1TmHJAZVOYF4p98xPviBFScQGlRZxBdS3TG3slvsibS/8WX+t/YHhx/TPGaqk4TyVQAAAAAAAAAAAAAAAAAAAAAAd+iX82c7ZL9/Nwdui/5b/rfoD00vARAQqAhfvcVNfL3A1WMqDSxmVQVNr/iz4/pv7LDOXLDLGcbNPDeDxTh6DtOjZaafFju816tlf+2Puo4Dv1bPvY+51bLvY+5RwHfq2Xex9zquXex9yjgO/Vcu9j7nVc+9j7lHAd+q597H3Oq597H3BwHfqufex9zqufex9yjgO/Vc+9j7nVc+9j7lHAd+q597H3Oq597H3KOA79Vz72PudVz72PuUcB36rl3sfc6rn3sfco4DvejZd7H3OrZd7H3KOA79Wy72PudWz72PuDg7dG/y3/W/Q6tl3sfdvY7K7PO25S6yzSdoOqWlEBmhaBamt+6J6AnmqaqDQy0CxYyoNCKC6m/VAGhPJdQBOSgKi6+QGu41QBRAF1LUABbUABNdAVOYUC0tE13gIWloCcTXeloFQLQTmffMtT74gixOa6gqysrzBVSVQVdWdQGpRNV1BV10SUlBYIvIF1E1Ne0F5iAKIAohaCmqWgBaapqC2ohqC6pqWoC2paa70tAqCACACa+F+RanyAWJ/a8vkAuqT6fVf7AVOz0X+AXVYh2egNSifx9T+wVWefyX+PqCyrqn807PQFEn0+p/YKH9H37gAc/kC6onL0P5BRP6OV8vqC2of2l/gAOSAuqan9J/AKmon9AUtL9PqnP1oCWl5ehfv5gh635nP1qWg//Z", r = F(g.readonly);
-  function s(f) {
-    return f.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
-  }
-  function d(f) {
-    return f.indexOf("data:image/") > -1;
-  }
-  function o(f) {
-    return "data:image/jpeg;base64," + f;
-  }
-  const p = E(() => {
-    var u;
-    if (!g.imageType || !g.imageType.length)
-      return "";
-    const f = (u = g.imageType) == null ? void 0 : u.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
-    return !f || !f.length ? "image/*" : f.join(",");
-  }), c = E(() => {
-    const f = t.value || g.cover || i;
-    return s(f) || d(f) ? f : o(f);
-  }), l = E(() => r.value ? "" : g.title);
-  function m() {
-    r.value || e && e.value && e.value.click();
-  }
-  return { acceptTypes: p, imageSource: c, imageTitle: l, onClickImage: m };
-}
-const M = /* @__PURE__ */ U({
-  name: "FAvatar",
-  props: T,
-  emits: ["change", "update:modelValue"],
-  setup(g, n) {
-    const e = E(() => ({
-      "f-avatar": !0,
-      "f-avatar-readonly": g.readonly,
-      "f-avatar-circle": g.shape === "circle",
-      "f-avatar-square": g.shape === "square"
-    })), t = F(g.modelValue), i = E(() => ({
-      width: g.avatarWidth + "px",
-      height: g.avatarHeight + "px"
-    })), r = !1;
-    function s() {
-      return "";
-    }
-    function d() {
-    }
-    const o = F(null), {
-      acceptTypes: p,
-      imageSource: c,
-      onClickImage: l
-    } = L(g, n, o, t);
-    return () => C("div", {
-      class: e.value,
-      style: i.value,
-      onClick: l
-    }, [r, C("img", {
-      title: g.title,
-      class: "f-avatar-image",
-      src: c.value,
-      onError: s
-    }, null), !g.readonly && C("div", {
-      class: "f-avatar-icon"
-    }, [C("span", {
-      class: "f-icon f-icon-camera"
-    }, null)]), C("input", {
-      ref: "file",
-      name: "file-input",
-      type: "file",
-      class: "f-avatar-upload",
-      accept: p.value,
-      onChange: d,
-      style: "display: none;"
-    }, null)]);
-  }
-});
-function me(g) {
-  const { formSchemaUtils: n, formStateMachineUtils: e } = g;
-  function t(o, p = "") {
-    return {
-      path: p + o.code,
-      field: o.id,
-      fullPath: o.code
-    };
-  }
-  function i(o, p = "") {
-    const c = n.getViewModelById(o);
-    return c ? c.states.map((l) => t(l, p)) : [];
-  }
-  function r(o) {
-    const p = n.getRootViewModelId(), c = i(o);
-    if (o === p)
-      return c;
-    const l = i(p, "root-component.");
-    return [...c, ...l];
-  }
-  function s(o) {
-    return o.binding && o.binding.path || o.id || "";
-  }
-  function d() {
-    return e && e.getRenderStates() || [];
+  imageType: { type: Array, default: [] }
+}, G = h(m, V, S, D);
+function k(e, g, o, n) {
+  function c(A) {
+    return A.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
-  return { getVariables: r, getControlName: s, getStateMachines: d };
-}
-class q {
-  constructor(n) {
-    y(this, "sessionVariables", [
-      {
-        key: "CurrentSysOrgName",
-        name: "当前组织Name",
-        description: "当前组织Name"
-      },
-      //   {
-      //     key: "CurrentSysOrgCode",
-      //     name: "当前组织Code",
-      //     description: "当前组织Code"
-      //   },
-      {
-        key: "CurrentSysOrgId",
-        name: "当前组织Id",
-        description: "当前组织Id"
-      },
-      {
-        key: "CurrentUserName",
-        name: "当前用户Name",
-        description: "当前用户Name"
-      },
-      {
-        key: "CurrentUserCode",
-        name: "当前用户Code",
-        description: "当前用户Code"
-      },
-      {
-        key: "CurrentUserId",
-        name: "当前用户Id",
-        description: "当前用户Id"
-      },
-      {
-        key: "CurrentLanguage",
-        name: "当前语言编号",
-        description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
-      }
-    ]);
-    y(this, "expressionNames", {
-      compute: "计算表达式",
-      dependency: "依赖表达式",
-      validate: "验证表达式",
-      dataPicking: "帮助前表达式",
-      visible: "可见表达式",
-      readonly: "只读表达式",
-      required: "必填表达式"
-    });
-    y(this, "getExpressionConverter", (n, e) => ({
-      convertFrom: (t, i, r, s) => {
-        const d = r.getExpressionRuleValue(n, e || i);
-        return d && d.value || "";
-      },
-      convertTo: (t, i, r, s, d) => {
-        var o;
-        if (i === "dataPicking" && (r != null && r.target)) {
-          const p = `${r.target}_dataPicking`;
-          ((o = r.rules) == null ? void 0 : o.some(
-            (l) => l.id === p && l.value
-          )) ? t.dictPickingExpressionId = p : delete t.dictPickingExpressionId;
-        }
-        s.updateExpression(r);
-      }
-    }));
-    this.formSchemaService = n;
-  }
-  getExpressionRule(n, e) {
-    const t = this.formSchemaService.getExpressions();
-    if (!t)
-      return "";
-    const i = t.find((s) => s.target === n);
-    if (!i)
-      return "";
-    const r = i.rules.find((s) => s.type === e);
-    return r || "";
-  }
-  // 获取上下文表单变量
-  getContextFormVariables() {
-    const { module: n } = this.formSchemaService.getFormSchema();
-    if (!n.viewmodels || n.viewmodels.length === 0)
-      return [];
-    const e = this.formSchemaService.getRootViewModelId(), t = this.formSchemaService.getViewModelById(e);
-    if (!t || !t.states || t.states.length === 0)
-      return [];
-    const i = [];
-    return t.states.filter((r) => r.category === "remote").forEach((r) => {
-      i.push({
-        key: r.code,
-        name: r.name,
-        description: r.name,
-        category: r.category
-      });
-    }), i;
-  }
-  createTreeNode(n, e, t = "label") {
-    return {
-      id: n.id,
-      name: n.name,
-      bindingPath: n[t],
-      parents: e,
-      type: "field"
-    };
-  }
-  buildEntityFieldsTreeData(n = null, e) {
-    const t = [];
-    return n == null || n.forEach((i) => {
-      var d;
-      const r = this.createTreeNode(i, e);
-      let s = [];
-      (d = i.type) != null && d.fields && (s = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
-        data: r,
-        children: s,
-        expanded: !0
-      });
-    }), t;
-  }
-  buildChildEntityTreeData(n = null, e) {
-    const t = [];
-    return n == null || n.forEach((i) => {
-      var o, p;
-      const r = this.createTreeNode(i, e);
-      r.type = "entity";
-      const s = this.buildEntityFieldsTreeData((o = i.type) == null ? void 0 : o.fields, [...e, i.label]), d = this.buildChildEntityTreeData((p = i.type) == null ? void 0 : p.entities, [...e, i.label]);
-      d != null && d.length && (s == null || s.push(...d)), t.push({
-        data: r,
-        children: s || [],
-        // 空值回退
-        expanded: !0
-      });
-    }), t;
-  }
-  getEntitiesTreeData() {
-    const n = this.formSchemaService.getSchemaEntities();
-    if (!(n != null && n.length))
-      return [];
-    const e = n[0];
-    if (!(e != null && e.type))
-      return [];
-    const t = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), i = this.buildChildEntityTreeData(e.type.entities, [e.code]);
-    return i != null && i.length && (t == null || t.push(...i)), {
-      entityCode: e.code,
-      fields: [{
-        data: this.createTreeNode(e, [], "code"),
-        children: t || []
-      }]
-    };
-  }
-  getEntitiesAndVariables() {
-    return {
-      entities: this.getEntitiesTreeData(),
-      variables: {
-        session: {
-          name: "系统变量",
-          items: this.sessionVariables,
-          visible: !1
-        },
-        forms: {
-          name: "表单变量",
-          items: this.getContextFormVariables(),
-          visible: !0
-        }
-      }
-    };
-  }
-  onBeforeOpenExpression(n, e, t) {
-    const i = t === "Field" ? n.binding.field : n.id, r = this.getExpressionRule(i, e), s = this.getEntitiesAndVariables(), d = {
-      message: ["validate", "required", "dataPicking"].includes(e) && r ? r.message : "",
-      ...s
-    };
-    return r.messageType != null && (d.messageType = r.messageType), d;
-  }
-  buildRule(n, e, t, i) {
-    const { expression: r, message: s, messageType: d } = e, o = {
-      id: `${n}_${t}`,
-      type: t,
-      value: r
-    };
-    return (t === "validate" || t === "dataPicking" || t === "required") && (o.message = s), t === "dataPicking" && (o.messageType = d), t === "validate" && i && (o.elementId = i), o;
-  }
-  getExpressionData() {
-    const { expressions: n } = this.formSchemaService.getFormSchema().module;
-    return n || [];
-  }
-  updateExpression(n, e, t, i) {
-    const r = e === "Field" ? n.binding.field : n.id, s = this.buildRule(r, t, i, n.type === "form-group" ? n.id : "");
-    let o = this.getExpressionData().find((c) => c.targetType === e && c.target === r);
-    const p = (c) => c.value.trim() === "";
-    if (o) {
-      const c = o.rules.find((l) => l.id === s.id);
-      if (c)
-        p(s) ? o.rules = o.rules.filter((l) => l.id !== s.id) : (Object.assign(c, s), i === "validate" && n.type === "form-group" && (c.elementId = n.id));
-      else {
-        if (p(s))
-          return null;
-        o.rules = o.rules || [], o.rules.push(s);
-      }
-    } else {
-      if (p(s))
-        return null;
-      o = {
-        target: `${r}`,
-        rules: [s],
-        targetType: e
-      };
-    }
-    return o;
+  const s = ["image/image", "image/webp", "image/png", "image/svg", "image/gif", "image/jpg", "image/jpeg", "image/bmp"];
+  function B(A) {
+    return A.indexOf("data:image/") > -1;
   }
-  getExpressionEditorOptions(n, e, t, i) {
-    return t.reduce((r, s) => {
-      var o, p;
-      const d = e === "Field" ? (o = n == null ? void 0 : n.binding) == null ? void 0 : o.field : n.id;
-      return r[s] = {
-        hide: e === "Field" ? !!((p = n == null ? void 0 : n.binding) != null && p.field) : !1,
-        description: "",
-        title: this.expressionNames[s],
-        type: "string",
-        $converter: this.getExpressionConverter(d),
-        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(n, s, e),
-          onSubmitModal: (c) => {
-            const l = this.updateExpression(n, e, c, s);
-            if (i) {
-              const m = this.buildRule(d, c, s);
-              i(m);
-            }
-            return l;
-          }
-        }
-      }, r;
-    }, {});
+  function u(A) {
+    return A ? "data:image/jpeg;base64," + A : "";
   }
-  getExpressionInfo(n, e, t) {
-    const i = e === "Field" ? n.binding.field : n.id, r = this.getExpressionRule(i, t), s = {
-      value: r && r.value,
-      targetId: i,
-      targetType: e,
-      expressionType: t
-    };
-    return r && r.message && (s.message = r.message), s;
-  }
-  getExpressionConfig(n, e, t = ["compute", "dependency", "validate"], i) {
-    return {
-      description: "表达式",
-      title: "表达式",
-      hide: !n.binding,
-      properties: {
-        ...this.getExpressionEditorOptions(n, e, t, i)
-      }
-    };
-  }
-  getExpressionOptions(n, e, t) {
-    const i = this.getExpressionInfo(n, e, t);
-    return {
-      dialogTitle: `${this.expressionNames[t]}编辑器`,
-      singleExpand: !1,
-      showMessage: t === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(n, t, e),
-      expressionInfo: i
-    };
-  }
-}
-class fe {
-  constructor(n, e) {
-    y(this, "componentId");
-    y(this, "viewModelId");
-    y(this, "eventsEditorUtils");
-    y(this, "formSchemaUtils");
-    y(this, "formMetadataConverter");
-    y(this, "designViewModelUtils");
-    y(this, "designViewModelField");
-    y(this, "controlCreatorUtils");
-    y(this, "designerHostService");
-    y(this, "designerContext");
-    y(this, "schemaService", null);
-    y(this, "metadataService", null);
-    y(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var t;
-    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((t = this.formSchemaUtils) == null ? void 0 : t.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService, this.designerContext = e.designerContext;
-  }
-  getFormDesignerInstance() {
-    var n, e;
-    return (e = (n = this.designerContext) == null ? void 0 : n.instances) == null ? void 0 : e.formDesigner.value;
-  }
-  getTableInfo() {
-    var n;
-    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(n) {
-    var t;
-    const e = n.binding && n.binding.type === "Form" && n.binding.field;
-    if (e) {
-      if (!this.designViewModelField) {
-        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = i.fields.find((r) => r.id === e);
-      }
-      n.updateOn = (t = this.designViewModelField) == null ? void 0 : t.updateOn;
-    }
-  }
-  getBasicPropConfig(n) {
-    return {
-      description: "Basic Information",
-      title: "基本信息",
-      properties: {
-        id: {
-          description: "组件标识",
-          title: "标识",
-          type: "string",
-          readonly: !0
-        },
-        type: {
-          description: "组件类型",
-          title: "控件类型",
-          type: "select",
-          editor: {
-            type: "combo-list",
-            textField: "name",
-            valueField: "value",
-            idField: "value",
-            editable: !1,
-            data: [{ value: n.type, name: a[n.type] && a[n.type].name }]
-          }
-        }
-      }
-    };
-  }
-  getAppearanceConfig(n = null, e = {}, t) {
-    const i = {
-      title: "外观",
-      description: "Appearance"
-    }, r = {
-      class: {
-        title: "class样式",
-        type: "string",
-        description: "组件的CSS样式",
-        $converter: "/converter/appearance.converter",
-        parentPropertyID: "appearance"
-      },
-      style: {
-        title: "style样式",
-        type: "string",
-        description: "组件的样式",
-        $converter: "/converter/appearance.converter",
-        parentPropertyID: "appearance"
-      }
-    };
-    for (const s in e)
-      r[s] = Object.assign(r[s] || {}, e[s]);
-    return {
-      ...i,
-      properties: { ...r },
-      setPropertyRelates(s, d) {
-        if (s) {
-          switch (s && s.propertyID) {
-            case "class":
-            case "style": {
-              V.value++;
-              break;
-            }
-          }
-          t && t(s, n, d);
-        }
-      }
-    };
-  }
-  /**
-   * 
-   * @param propertyData 
-   * @param propertyTypes 
-   * @param propertyName 
-   * @param constInfos 
-   * @param variableInfos 
-   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
-   * @returns 
-   */
-  getPropertyEditorParams(n, e = [], t = "visible", i = {}, r = {}, s = "") {
-    const { getVariables: d, getControlName: o, getStateMachines: p } = me(this.designerHostService), c = this.getRealTargetType(n), l = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
-      type: "property-editor",
-      propertyTypes: l
-    };
-    return l.map((f) => {
-      switch (f) {
-        case "Const":
-          Object.assign(m, {
-            constType: "enum",
-            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, i);
-          break;
-        case "Expression":
-          m.expressionConfig = this.getExpressionOptions(n, c, s || t);
-          break;
-        case "StateMachine":
-          m.stateMachines = p();
-          break;
-        case "Variable":
-          Object.assign(m, {
-            controlName: o(n),
-            newVariablePrefix: "is",
-            newVariableType: "Boolean",
-            variables: d(this.viewModelId),
-            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (u) => {
-              u.value = d(this.viewModelId);
-            }
-          }, r), this.designerContext.designerMode === "PC_RTC" && (m.newVariablePrefix = "ext_" + m.newVariablePrefix);
-          break;
-      }
-    }), m;
-  }
-  getVisibleProperty(n, e = "") {
+  const l = p(() => {
     var r;
-    let t = ["Const", "Variable", "StateMachine", "Expression"];
-    return e === "gridFieldEditor" ? t = ["Const", "Expression"] : e === "form-group" && !((r = n.binding) != null && r.field) ? t = ["Const", "Variable", "StateMachine"] : (e === "dataGrid" || e === "treeGrid" || e === "wizard") && (t = ["Const", "Variable", "Expression"]), {
-      visible: {
-        title: "是否可见",
-        type: "boolean",
-        description: "运行时组件是否可见",
-        editor: this.getPropertyEditorParams(n, t, "visible")
-      }
-    };
-  }
-  /**
-   * 获取行为
-   * @param propertyData 
-   * @param viewModelId 
-   * @returns 
-   */
-  getBehaviorConfig(n, e = "", t = {}, i) {
-    const r = {
-      title: "行为",
-      description: ""
-    }, s = this.getVisibleProperty(n, e);
-    for (const o in t)
-      s[o] = Object.assign(s[o] || {}, t[o]);
-    const d = this;
-    return {
-      ...r,
-      properties: { ...s },
-      setPropertyRelates(o, p) {
-        if (o) {
-          switch (o.propertyID) {
-            case "disabled":
-            case "readonly":
-            case "visible":
-              d.afterMutilEditorChanged(n, o);
-              break;
-          }
-          i && i(o, p);
-        }
-      }
-    };
-  }
-  /**
-   * 当多值编辑器变更时
-   * @param propertyData 
-   * @param changeObject 
-   */
-  afterMutilEditorChanged(n, e) {
-    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, n);
-  }
-  /**
-   * 
-   * @param propertyId 
-   * @param componentInstance 
-   * @returns 
-   */
-  updateElementByParentContainer(n, e) {
-    const t = e && e.parent && e.parent.schema;
-    if (!t)
-      return;
-    const i = t.contents.findIndex((s) => s.id === n), r = ee(t.contents[i]);
-    t.contents.splice(i, 1), t.contents.splice(i, 0, r), D();
-  }
-  /**
-   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
-   * @param changeObject 
-   * @param viewModelId 
-   * @returns 
-   */
-  addNewVariableToViewModel(n, e) {
-    const t = n.propertyValue;
-    if (!(t && typeof t == "object") || !(t.type === "Variable" && t.isNewVariable))
-      return;
-    const s = {
-      id: t.field,
-      category: "locale",
-      code: t.fullPath,
-      name: t.fullPath,
-      type: t.newVariableType || "String",
-      isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
-    };
-    delete t.newVariableType, delete t.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
-  }
-  /**
-   * 更新表达式到expressions节点
-   * @param changeObject 
-   */
-  updateExpressionValue(n) {
-    const e = n.propertyValue;
-    if (!((e && e.type) === "Expression" && e.expressionInfo))
-      return;
-    const { expressionId: r, expressionInfo: s } = e, { targetId: d, targetType: o, expressionType: p, value: c, message: l } = s, m = this.formSchemaUtils.getModule();
-    m.expressions = m.expressions || [];
-    const { expressions: f } = m;
-    let u = f.find((A) => A.target === d);
-    u || (u = { target: d, rules: [], targetType: o }, f.push(u));
-    const h = u.rules.find((A) => A.type === p);
-    if (h)
-      h.value = c, h.message = l;
-    else {
-      const A = { id: r, type: p, value: c, message: l };
-      u.rules.push(A);
-    }
-    delete e.expressionInfo;
-  }
-  /**
-   * 属性类型切换为非表达式后，清除原表达式
-   * @param changeObject 
-   * @param propertyData 
-   * @returns 
-   */
-  clearExpression(n, e) {
-    const t = n.propertyValue;
-    if (t && t.type === "Expression")
-      return;
-    const r = n.propertyID, s = this.formSchemaUtils.getExpressions(), d = e.binding ? e.binding.field : e.id, o = s.find((p) => p.target === d);
-    !o || !o.rules || (o.rules = o.rules.filter((p) => p.type !== r));
-  }
-  getExpressionOptions(n, e, t) {
-    return new q(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";
-  }
-  createBaseEventProperty(n) {
-    const e = {};
-    return e[this.viewModelId] = {
-      type: "events-editor",
-      editor: {
-        initialData: n,
-        viewSourceHandle: (t) => {
-          var i;
-          ((i = t.controller) == null ? void 0 : i.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(t);
-        }
-      }
-    }, e;
-  }
-}
-const I = class I {
-  /**
-   * 根据绑定字段类型获取可用的输入类控件
-   */
-  static getEditorTypesByMDataType(n, e = !1, t = "") {
-    if (e)
-      return [{ key: a["language-textbox"].type, value: a["language-textbox"].name }];
-    let i = I.fieldControlTypeMapping[n];
-    if (t === "data-grid-column" && (i != null && i.length)) {
-      const r = [a["check-group"].type, a["radio-group"].type, a.image.type, a["rich-text-editor"].type];
-      i = i.filter((s) => !r.includes(s.key));
-    }
-    return i;
-  }
-  /**
-   * 获取所有输入类控件
-   */
-  static getAllInputTypes() {
-    const n = [];
-    for (const e in I.fieldControlTypeMapping)
-      I.fieldControlTypeMapping[e].forEach((t) => {
-        n.find((i) => i.key === t.key && i.value === t.value) || n.push({ key: t.key, value: t.value });
-      });
-    return n;
-  }
-  /**
-   * 提供schema字段基础属性和DOM控件属性的映射
-   * @param control 控件元数据
-   */
-  static mappingDomPropAndSchemaProp(n, e) {
-    var r;
-    const t = (r = n.editor) == null ? void 0 : r.type, i = [];
-    return (n.type === a["data-grid-column"].type || n.type === a["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 === a["input-group"].type || t === a.textarea.type || t === a["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), t === a["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (n.type === a["data-grid-column"].type || n.type === a["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (t === a["combo-list"].type || t === a["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (n.type === a["data-grid-column"].type || n.type === a["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), t === a["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), t === a["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), t === a.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 === a["data-grid-column"].type || n.type === a["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
-  }
-};
-/**
- * <字段类型,可配置的控件类型列表>的映射
- */
-y(I, "fieldControlTypeMapping", {
-  String: [
-    { key: a["input-group"].type, value: a["input-group"].name },
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a.image.type, value: a.image.name },
-    { key: a["date-picker"].type, value: a["date-picker"].name },
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name },
-    { key: a["check-group"].type, value: a["check-group"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a["time-picker"].type, value: a["time-picker"].name }
-  ],
-  Text: [
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a.image.type, value: a.image.name },
-    { key: a["rich-text-editor"].type, value: a["rich-text-editor"].name }
-  ],
-  Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name },
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
-  ],
-  BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
-  ],
-  Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
-  ],
-  DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
-  ],
-  Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
-  ],
-  Enum: [
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
-  ],
-  Object: [
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
-  ]
-});
-let S = I;
-var P = /* @__PURE__ */ ((g) => (g.Form = "Form", g.Variable = "Variable", g))(P || {});
-class he {
-  constructor() {
-    /** 控件标题 */
-    y(this, "label", "");
-    /** 控件id */
-    y(this, "id", "");
-    /** 每个控件占用的栅格数 */
-    y(this, "columnInSM", 12);
-    y(this, "columnInMD", 6);
-    y(this, "columnInLG", 3);
-    y(this, "columnInEL", 2);
-    /** 每个控件占用的列数 */
-    y(this, "displayWidthInSM", 1);
-    y(this, "displayWidthInMD", 1);
-    y(this, "displayWidthInLG", 1);
-    y(this, "displayWidthInEL", 1);
-    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    y(this, "displayColumnCountAtBreakPoint", "md");
-    /** 控件所在行，传0即可-----编辑器内部使用 */
-    y(this, "tagRow", 0);
-    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    y(this, "showTopBorder", 0);
-    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    y(this, "group", 1);
-    /** 控件是否符合标准的class配置(设计器用的) */
-    y(this, "isSupportedClass", !0);
-    /** 控件所在分组id(设计器用的) */
-    y(this, "fieldSetId", "");
-  }
+    if (!e.imageType || !e.imageType.length)
+      return s;
+    const A = (r = e.imageType) == null ? void 0 : r.map((i) => (i === "jpg" && (i = "jpeg"), `image/${i}`));
+    return !A || !A.length ? "image/*" : A.join(",");
+  }), f = p(() => c(n.value) || B(n.value) ? n.value : u(n.value)), a = p(() => e.readonly ? "" : e.title);
+  function t() {
+    e.readonly || o && o.value && o.value.click();
+  }
+  return { acceptTypes: l, imageSource: f, imageTitle: a, onClickImage: t };
 }
-function ye(g) {
-  let n, e;
-  const t = /* @__PURE__ */ new Map();
-  let i = [];
-  function r(c, l) {
-    const f = c.split(" ").filter((b) => b.startsWith("col-"));
-    if (f.length === 0) {
-      l.isSupportedClass = !1;
-      return;
-    }
-    let u = f.find((b) => /^col-([1-9]|10|11|12)$/.test(b)), h = f.find((b) => /^col-md-([1-9]|10|11|12)$/.test(b)), A = f.find((b) => /^col-xl-([1-9]|10|11|12)$/.test(b)), v = f.find((b) => /^col-el-([1-9]|10|11|12)$/.test(b));
-    u = u || "col-12", l.columnInSM = parseInt(u.replace("col-", ""), 10), l.displayWidthInSM = l.columnInSM / 12, l.displayWidthInSM !== 1 && (l.isSupportedClass = !1), h = h || "col-md-" + l.columnInSM, l.columnInMD = parseInt(h.replace("col-md-", ""), 10), l.displayWidthInMD = l.columnInMD / 6, [1, 2].includes(l.displayWidthInMD) || (l.isSupportedClass = !1), A = A || "col-xl-" + l.columnInMD, l.columnInLG = parseInt(A.replace("col-xl-", ""), 10), l.displayWidthInLG = l.columnInLG / 3, [1, 2, 3, 4].includes(l.displayWidthInLG) || (l.isSupportedClass = !1), v = v || "col-el-" + l.columnInLG, l.columnInEL = parseInt(v.replace("col-el-", ""), 10), l.displayWidthInEL = l.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(l.displayWidthInEL) || (l.isSupportedClass = !1);
-  }
-  function s(c, l, m, f = !1) {
-    let u = !1;
-    c.contents.forEach((h) => {
-      if (h.type === "fieldset") {
-        m += 1, s(h, l, m, !0), u = !0;
-        return;
-      }
-      u && (m += 1, u = !1);
-      const A = h.appearance && h.appearance.class, v = new he();
-      A ? r(A, v) : v.isSupportedClass = !1, v.label = h.label || h.id, v.id = h.id, v.group = m, f && (v.fieldSetId = c.id), e === h.id && (n = m), t.set(h.id, h), l.push(v);
+function J(e, g, o, n, c) {
+  const s = new R();
+  function B(a) {
+    n.value = a;
+  }
+  function u(a) {
+    return new Promise((A, r) => {
+      const i = new FileReader();
+      i.readAsDataURL(a), i.onload = () => {
+        A({ state: "done", content: i.result });
+      }, i.onerror = function() {
+        r({ state: "error", content: i.result });
+      };
     });
   }
-  function d(c) {
-    const l = g.getComponentById(c);
-    if (!l || !l.componentType || !l.componentType.startsWith("form"))
-      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const m = g.selectNode(l, (f) => f.type === a["response-form"].type);
-    return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
-  }
-  function o(c, l) {
-    l = l || c.id;
-    const { result: m, message: f, formNode: u } = d(l);
-    if (!m)
-      return { result: m, message: f };
-    e = c.id, i = [], t.clear();
-    const h = u.contents[0].type === a.fieldset.type ? 0 : 1;
-    s(u, i, h);
-    const A = i.find((b) => !b.isSupportedClass);
-    return {
-      defaultState: {
-        defaultGroupNumber: n || 1,
-        model: A ? "customize" : "standard"
-      },
-      importData: i
+  function l(a) {
+    const t = {
+      size: a.size,
+      name: a.name,
+      type: a.type,
+      lastModified: String(a.lastModified)
     };
-  }
-  function p(c, l) {
-    l = l;
-    const { result: m, formNode: f } = d(l);
-    if (!m)
-      return "";
-    const u = [];
-    return c.forEach((h) => {
-      var b;
-      const A = t.get(h.id), v = A.appearance && A.appearance.class;
-      if (v) {
-        const w = v.split(" ").filter((O) => !O.startsWith("col-")), x = "col-" + h.columnInSM, H = "col-md-" + h.columnInMD, G = "col-xl-" + h.columnInLG, W = "col-el-" + h.columnInEL, Q = [x, H, G, W].concat(w);
-        A.appearance.class = Q.join(" ");
-      }
-      if (h.fieldSetId) {
-        const k = f.contents.find((x) => x.id === h.fieldSetId), w = u.find((x) => x.id === h.fieldSetId);
-        w ? (b = w.contents) == null || b.push(A) : (u.push(k), k.contents = [A]);
-      } else
-        u.push(A);
-    }), f.contents = u, f.id;
-  }
-  return {
-    checkCanFindFormNode: d,
-    checkCanOpenLayoutEditor: o,
-    changeFormControlsByResponseLayoutConfig: p,
-    getResonseFormLayoutConfig: s
-  };
-}
-const Ae = (g) => C(Z, null, [C("h5", null, [z("代码示例")]), C("pre", {
-  style: "background-color: #f5f5f5; padding: 10px; border-radius: 5px;"
-}, [C("code", null, [`
-<h3>Tips:</h3>
-<span style="color: blue;">
-    自定义提示内容
-</span>
-            `])])]);
-class ve extends fe {
-  constructor(e, t) {
-    super(e, t);
-    y(this, "responseLayoutEditorFunction");
-    /** 控件绑定的变量 */
-    y(this, "bindingVarible");
-    y(this, "formGroupEvents", [
-      {
-        label: "fieldValueChanging",
-        name: "绑定字段值变化前事件"
-      },
-      {
-        label: "fieldValueChanged",
-        name: "绑定字段值变化后事件"
-      },
-      {
-        label: "onClickLabel",
-        name: "点击标签事件"
-      }
-    ]);
-    y(this, "numberEditorOptions", {
-      type: "number-spinner",
-      useThousands: !1,
-      keyboard: !1,
-      showButton: !1
+    u(a).then((A) => {
+      A.state === "done" && (B(A.content), t.state = A.state, t.base64 = A.content, g.emit("imageChange", t)), c.value = !1;
+    }).catch((A) => {
+      c.value = !1;
+      const r = Q.getLocaleValue("avatar.uploadError");
+      s.error({ message: r, position: "top-center" });
     });
-    this.responseLayoutEditorFunction = ye(this.formSchemaUtils);
-  }
-  getCommonPropertyConfig(e, t, i = "Card") {
-    if (this.propertyConfig.categories.basic = this.getBasicProperties(e, t, i), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, t), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group"), i === "Card") {
-      const r = this.getTipsConfig(e);
-      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...r }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
-    }
-  }
-  getPropertyConfig(e, t) {
-    return this.getCommonPropertyConfig(e, t, "Card"), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressions = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories.eventsEditor = this.getEventPropertyConfig(e), this.propertyConfig;
-  }
-  getGridFieldEdtiorPropConfig(e, t) {
-    return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(e, t, "Grid"), this.getGridFieldEdtiorProperties ? this.propertyConfig.categories.editor = this.getGridFieldEdtiorProperties(e) : this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressons = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories;
-  }
-  getBasicProperties(e, t, i = "Card") {
-    var p;
-    const r = this;
-    this.setDesignViewModelField(e);
-    const { canChangeControlType: s, editorTypeList: d } = this.getAvailableEditorType(e), o = {
-      description: "Basic Information",
-      title: "基本信息",
-      properties: {
-        id: {
-          description: "组件标识",
-          title: "标识",
-          type: "string",
-          readonly: !0
-        },
-        type: {
-          description: "编辑器类型",
-          title: "编辑器类型",
-          type: "string",
-          $converter: "/converter/change-editor.converter",
-          parentPropertyID: "editor",
-          editor: {
-            type: "combo-list",
-            textField: "value",
-            valueField: "key",
-            idField: "key",
-            editable: !1,
-            data: d,
-            readonly: !s
-          }
-        },
-        label: {
-          title: "标签",
-          type: "string",
-          $converter: "/converter/form-group-label.converter"
-        },
-        showLabelType: {
-          description: "标签显示方式：1、显示：显示标签 2、占位：保留标签空间，但不显示文本 3、不显示：不显示标签",
-          title: "标签显示",
-          type: "enum",
-          editor: {
-            data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
-          },
-          defaultValue: ((p = e.editor) == null ? void 0 : p.type) === "image" ? "none" : "visible"
-        },
-        binding: {
-          description: "绑定的表单字段",
-          title: "绑定",
-          editor: {
-            type: "binding-selector",
-            bindingType: { enable: !0 },
-            editorParams: {
-              componentSchema: e,
-              needSyncToViewModel: !0,
-              viewModelId: this.viewModelId,
-              designerHostService: this.designerHostService,
-              disableOccupiedFields: !0
-            },
-            textField: "bindingField"
-          },
-          refreshPanelAfterChanged: !0,
-          readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
-        }
-      },
-      setPropertyRelates(c, l, m) {
-        if (c)
-          switch (c && c.propertyID) {
-            case "type": {
-              r.changeControlType(e, c, t);
-              break;
-            }
-            case "label": {
-              c.needRefreshControlTree = !0;
-              break;
-            }
-            case "binding": {
-              r.changeBindingField(e, c, m);
-              break;
-            }
-          }
-      }
-    };
-    return i.toLocaleLowerCase() !== "card" && delete o.properties.showLabelType, o;
-  }
-  getExpandProperties(e) {
-    const t = this, i = ["Const", "Variable"], r = this.getPropertyEditorParams(e, i, "expandable"), s = this.getPropertyEditorParams(e, i, "expandDisabled");
-    return {
-      description: "Expand Information",
-      title: "扩展区域",
-      properties: {
-        expandable: {
-          description: "是否启用扩展区域",
-          title: "启用扩展区域",
-          refreshPanelAfterChanged: !0,
-          $converter: "/converter/property-editor.converter",
-          editor: r
-        },
-        expandMode: {
-          description: "扩展模式 text | button",
-          title: "扩展模式",
-          type: "enum",
-          refreshPanelAfterChanged: !0,
-          $converter: "/converter/property-editor.converter",
-          editor: {
-            data: [{ id: "text", name: "静态文本" }, { id: "button", name: "交互按钮" }]
-          },
-          defaultValue: "text",
-          visible: !!e.editor.expandable
-        },
-        expandContent: {
-          $converter: "/converter/property-editor.converter",
-          description: "扩展内容",
-          title: "扩展内容",
-          type: "string",
-          visible: !!e.editor.expandable
-        },
-        expandDisabled: {
-          $converter: "/converter/property-editor.converter",
-          description: "是否隐藏扩展区域",
-          title: "隐藏扩展区域",
-          editor: s,
-          visible: !!e.editor.expandable
-        }
-      },
-      setPropertyRelates(o, p) {
-        if (o)
-          switch (o.propertyID) {
-            case "expandable":
-            case "expandDisabled":
-              t.afterMutilEditorChanged(e, o);
-              break;
-          }
-      }
-    };
-  }
-  /**
-   * 校验控件是否支持切换类型
-   * @param control 控件
-   */
-  checkCanChangeControlType(e, t) {
-    if (!e.binding)
-      return !1;
-    if (e.binding.type === "Variable") {
-      if (this.bindingVarible = this.formSchemaUtils.getVariableById(e.binding.field), !this.bindingVarible)
-        return !1;
-    } else if (!this.designViewModelField || this.designViewModelField.$type !== N.SimpleField)
-      return !1;
-    return !0;
-  }
-  /**
-   * 获取可选的编辑器类型
-   */
-  getAvailableEditorType(e) {
-    var r;
-    const t = this.checkCanChangeControlType(e, this.viewModelId);
-    if (!t)
-      return {
-        canChangeControlType: !1,
-        editorTypeList: [{
-          key: e.editor.type,
-          value: ((r = a[e.editor.type]) == null ? void 0 : r.name) || e.editor.type
-        }]
-      };
-    let i = [];
-    return this.designViewModelField && this.designViewModelField.$type === N.SimpleField ? i = S.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (i = S.getEditorTypesByMDataType(this.bindingVarible.type, !1)), { canChangeControlType: t, editorTypeList: i };
-  }
-  changeBindingField(e, t, i) {
-    t.needRefreshEntityTree = !0;
   }
-  getAppearanceProperties(e, t) {
-    const i = this;
-    return {
-      title: "外观",
-      description: "Appearance",
-      properties: {
-        class: {
-          title: "class样式",
-          type: "string",
-          description: "组件的CSS样式",
-          $converter: "/converter/appearance.converter",
-          parentPropertyID: "appearance"
-        },
-        style: {
-          title: "style样式",
-          type: "string",
-          description: "组件的内联样式",
-          $converter: "/converter/appearance.converter",
-          parentPropertyID: "appearance"
-        },
-        fill: {
-          title: "填充宽度",
-          description: "启用后，控件占满父容器宽度",
-          type: "boolean",
-          parentPropertyID: "appearance"
-        },
-        responseLayout: {
-          description: "响应式列宽",
-          title: "响应式列宽",
-          type: "boolean",
-          visible: !0,
-          // 这个属性，标记当属性变更得时候触发重新更新属性
-          refreshPanelAfterChanged: !0,
-          editor: {
-            type: "response-layout-editor-setting",
-            beforeOpen: () => i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, i.componentId)
-          }
-        }
-      },
-      setPropertyRelates(r, s) {
-        if (r)
-          switch (r && r.propertyID) {
-            case "responseLayout":
-              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, t), delete e.responseLayout;
-              break;
-            case "class":
-              i.updateUnifiedLayoutAfterControlChanged(r.propertyValue, e.id, this.componentId), V.value++;
-              break;
-            case "style": {
-              V.value++;
-              break;
-            }
-          }
-      }
-    };
-  }
-  getEditorProperties(e) {
-    return this.getComponentConfig(e);
-  }
-  /**
-   * 卡片控件：切换控件类型后事件
-   * @param propertyData 控件DOM属性
-   * @param newControlType 新控件类型
-   */
-  changeControlType(e, t, i) {
-    const r = t.propertyValue, s = i && i.parent && i.parent.schema;
-    if (!s)
+  function f(a) {
+    if (e.readonly)
       return;
-    const d = s.contents.findIndex((c) => c.id === e.id);
-    if (d === -1)
+    const t = a.target, A = t.files;
+    if (!A || !A[0])
       return;
-    const o = s.contents[d];
-    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 = r, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, m, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r);
-    }
-    p || (p = this.controlCreatorUtils.createFormGroupWithoutField(r)), 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(
-      (c) => c.classList.remove("dgComponentSelected")
-    ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (c) => c.classList.remove("dgComponentFocused")
-    ), V.value++, $(() => {
-      this.getFormDesignerInstance().reloadPropertyPanel();
-    });
-  }
-  getTipsConfig(e) {
-    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor"].includes(e.editor.type) ? {
-      enableTips: {
-        refreshPanelAfterChanged: !0,
-        description: "",
-        title: "启用提示",
-        type: "boolean",
-        default: !1
-      },
-      tipsContent: {
-        description: "提示内容",
-        title: "提示内容",
-        type: "string",
-        editor: {
-          type: "code-editor",
-          language: "html",
-          leftTemplate: Ae
-        },
-        visible: !!e.enableTips
-      }
-    } : {};
-  }
-  getComponentConfig(e, t = {}, i = {}, r) {
-    var m, f;
-    const s = Object.assign({
-      description: "编辑器",
-      title: "编辑器",
-      type: "input-group",
-      $converter: "/converter/property-editor.converter",
-      parentPropertyID: "editor"
-    }, t), d = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], o = this.getPropertyEditorParams(e, d, "readonly"), p = this.getPropertyEditorParams(e, d, "required"), c = {
-      readonly: {
-        description: "",
-        title: "只读",
-        editor: o
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean",
-        editor: p,
-        visible: !!((f = e.binding) != null && f.field)
-      },
-      placeholder: {
-        description: "当控件没有值时在输入框中显示的文本",
-        title: "提示文本",
-        type: "string"
-      }
-    };
-    for (const u in i)
-      c[u] = Object.assign(c[u] || {}, i[u]);
-    const l = this;
-    return {
-      ...s,
-      properties: { ...c },
-      setPropertyRelates(u, h) {
-        if (u) {
-          switch (u.propertyID) {
-            case "readonly":
-            case "required":
-              l.afterMutilEditorChanged(e, u);
-              break;
-          }
-          r && r.bind(l)(u, e, h);
-        }
-      }
-    };
-  }
-  /**
-  * 修改某一输入控件的样式后更新Form的统一布局配置
-  * @param controlClass 控件样式
-  * @param controlId 控件Id
-  * @param componentId 控件所在组件id
-  */
-  updateUnifiedLayoutAfterControlChanged(e, t, i) {
-    const r = e.split(" ");
-    let s = r.find((l) => /^col-([1-9]|10|11|12)$/.test(l)), d = r.find((l) => /^col-md-([1-9]|10|11|12)$/.test(l)), o = r.find((l) => /^col-xl-([1-9]|10|11|12)$/.test(l)), p = r.find((l) => /^col-el-([1-9]|10|11|12)$/.test(l));
-    s = s || "col-12", d = d || "col-md-" + s.replace("col-", ""), o = o || "col-xl-" + d.replace("col-md-", ""), p = p || "col-el-" + o.replace("col-xl-", "");
-    const c = {
-      id: t,
-      columnInSM: parseInt(s.replace("col-", ""), 10),
-      columnInMD: parseInt(d.replace("col-md-", ""), 10),
-      columnInLG: parseInt(o.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(p.replace("col-el-", ""), 10)
-    };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, c);
-  }
-  /**
-   * 修改控件布局配置后更新Form统一布局配置
-   * @param componentId 组件Id
-   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
-   */
-  updateUnifiedLayoutAfterResponseLayoutChanged(e, t) {
-    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
-    if (!i || !i.unifiedLayout)
+    const r = A[0].type, i = A[0].size / 1024 / 1024 < e.maxSize;
+    if (o.value && o.value.split(",").indexOf(r) < 0) {
+      const y = Q.getLocaleValue("avatar.typeError");
+      s.error({ message: y, position: "top-center" }), t.value = "";
       return;
-    const r = [];
-    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, r, 1), t) {
-      const u = r.find((h) => h.id === t.id);
-      Object.assign(u || {}, t);
     }
-    const s = r.map((u) => u.columnInSM), d = r.map((u) => u.columnInMD), o = r.map((u) => u.columnInLG), p = r.map((u) => u.columnInEL), c = this.checkIsUniqueColumn(s) ? s[0] : null, l = this.checkIsUniqueColumn(d) ? d[0] : null, m = this.checkIsUniqueColumn(o) ? o[0] : null, f = this.checkIsUniqueColumn(p) ? p[0] : null;
-    Object.assign(i.unifiedLayout, {
-      uniqueColClassInSM: c,
-      uniqueColClassInMD: l,
-      uniqueColClassInLG: m,
-      uniqueColClassInEL: f
-    });
-  }
-  /**
-   * 校验宽度样式值是否一致
-   */
-  checkIsUniqueColumn(e) {
-    const t = new Set(e);
-    return Array.from(t).length === 1;
-  }
-  /**
-   * 枚举项编辑器
-   * @param propertyData 
-   * @param valueField 
-   * @param textField 
-   * @returns 
-   */
-  getItemCollectionEditor(e, t, i) {
-    return t = t || "value", i = i || "name", {
-      editor: {
-        columns: [
-          { field: t, title: "值", dataType: "string" },
-          { field: i, title: "名称", dataType: "string" }
-          // { field: 'disabled', title: '禁用', dataType: 'boolean', editor: { type: 'switch' } },
-        ],
-        type: "item-collection-editor",
-        valueField: t,
-        nameField: i,
-        requiredFields: [t, i],
-        uniqueFields: [t, i],
-        readonly: this.checkEnumDataReadonly(e)
-      }
-    };
-  }
-  /**
-  * 判断枚举数据是否只读
-  * 1、没有绑定信息或者绑定变量，可以新增、删除、修改
-  * 2、绑定类型为字段，且字段为枚举字段，则不可新增、删除、修改枚举值。只能从be修改然后同步到表单上。
-  * @param propertyData 下拉框控件属性值
-  */
-  checkEnumDataReadonly(e) {
-    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === te.EnumType);
-  }
-  /**
-  * 将字段值变化前事件、变化后事件追加到交互面板
-  * 注意：因为绑定字段值变化后事件与下拉框的值变化事件(valueChanged)重名，所以这里将事件label都重命名下
-  */
-  appendFieldValueChangeEvents(e, t) {
-    e.binding && e.binding.type === P.Form && e.binding.field ? (t.find((i) => i.label === "fieldValueChanging"), t.find((i) => i.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : t = t.filter((i) => i.label !== "fieldValueChanging" && i.label !== "fieldValueChanged");
-  }
-  getControlMethodType(e) {
-    if (!e.binding)
-      return e.type;
-    switch (e.binding.type) {
-      case P.Form:
-        return e.binding.path || e.type;
-      case P.Variable:
-        return e.binding.fullPath || e.type;
+    if (!i) {
+      const y = Q.getLocaleValue("avatar.sizeError") + e.maxSize + "MB!";
+      s.error({ message: y, position: "top-center" }), t.value = "";
+      return;
     }
-    return e.type;
-  }
-  /**
-  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
-  * @param propertyData 属性值
-  * @param viewModelId 视图模型id
-  * @param showPosition 面板展示位置
-  * @param customEvent 输入控件特有的事件配置
-  */
-  getEventPropertyConfig(e, t = "card", i, r) {
-    const s = this;
-    let d = [...this.formGroupEvents];
-    if (["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && d.push({
-      lable: "onClear",
-      name: "清空事件"
-    }), i && (d = d.concat(i)), d.length === 0)
-      return {
-        title: "事件",
-        hideTitle: !0,
-        properties: {},
-        tabId: "commands",
-        tabName: "交互",
-        hide: !0
-      };
-    this.appendFieldValueChangeEvents(e, d);
-    const p = s.eventsEditorUtils.formProperties(e, s.viewModelId, d);
-    return {
-      title: "事件",
-      hideTitle: !0,
-      properties: s.createBaseEventProperty(p),
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(m, f) {
-        const u = m.propertyValue;
-        delete e[s.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, u.controlInfo = { type: s.getControlMethodType(e), name: e.title }, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, u.events, u)), r && r(m, f, u);
-        const h = s.designViewModelUtils.getDgViewModel(s.viewModelId);
-        h && s.designViewModelField && h.changeField(s.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
-      }
-    };
-  }
-  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], r) {
-    return new q(this.formSchemaUtils).getExpressionConfig(
-      e,
-      t,
-      i,
-      r
-    );
-  }
-  getBindingDataType() {
-    return this.designViewModelField ? this.designViewModelField.type.name === "Number" ? "number" : this.designViewModelField.type.name === "String" ? "string" : "boolean" : "boolean";
-  }
-  getEditor() {
-    return this.getBindingDataType() === "number" ? this.numberEditorOptions : {};
-  }
-  updatePropertyValue(e, t, i) {
-    var r;
-    e.editor[t] !== i ? e.editor[t] = i : (r = this.getFormDesignerInstance()) == null || r.reloadPropertyPanel();
-  }
-  setBooleanValue(e, t, i) {
-    let r = i;
-    this.getBindingDataType() === "string" && (r = (r || "").trim() || (t === "trueValue" ? "true" : "false"));
-    const d = t === "trueValue" ? "falseValue" : "trueValue";
-    e.editor[d] === r && (r = r + 1), this.updatePropertyValue(e, t, r);
-  }
-  getBooleanValueConverter() {
-    return {
-      convertFrom: (e, t) => e.editor[t],
-      convertTo: (e, t, i) => {
-        this.setBooleanValue(e, t, i);
-      }
-    };
-  }
-}
-class be extends ve {
-  constructor(n, e) {
-    super(n, e);
-  }
-  getEditorProperties(n) {
-    return {
-      description: "编辑器",
-      title: "编辑器",
-      type: "avatar",
-      $converter: "/converter/property-editor.converter",
-      parentPropertyID: "editor",
-      properties: {
-        readonly: {
-          description: "",
-          title: "只读",
-          type: "boolean"
-        },
-        avatarWidth: {
-          description: "",
-          title: "头像宽度",
-          type: "number"
-        },
-        avatarHeight: {
-          description: "",
-          title: "头像高度",
-          type: "number"
-        },
-        cover: {
-          description: "",
-          title: "封面",
-          type: "string"
-        }
-      }
-    };
+    c.value = !0, l(A[0]), t.value = "";
   }
+  return { onFileChange: f };
 }
-function Ce(g, n) {
-  const e = g.schema;
-  function t(i, r) {
-    return new be(i, n).getPropertyConfig(e, r);
-  }
-  return {
-    getPropsConfig: t
-  };
-}
-const Ee = /* @__PURE__ */ U({
-  name: "FAvatarDesign",
-  props: T,
+const U = /* @__PURE__ */ H({
+  name: "FAvatar",
+  props: m,
   emits: ["change", "update:modelValue"],
-  setup(g, n) {
-    const e = F(), t = B("designer-host-service"), i = B("design-item-context"), r = Ce(i, t), s = _(e, i, r);
-    J(() => {
-      e.value.componentInstance = s;
-    }), n.expose(s.value);
-    const d = E(() => ({
+  setup(e, g) {
+    const o = C(), n = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAZABkAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAECAwQFB//EADMQAQEAAQEECAQGAgMBAAAAAAABAhEDITFBBBRRUmFxgaESkcHwEyIysdHhM3IjQvE0/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAXEQEBAQEAAAAAAAAAAAAAAAAAEQEh/9oADAMBAAIRAxEAPwD9BBYqCiyAGhougIqyGgEhIui6AyuixdATQ0WQA0BdA4houhoCaGgugMrouhoCaJoum80BNDRdDQGTRbEBNCxdDQGTRUBE0asQGRTQGTT71WxNPP5AugqyACyAC6dpIsgGgshoBISKAiroQDQ0OSyAgoBoaABoaABomigJTRQGV0XRATRGizUGRSwGdEsaqAljLQDOiNWJQZNJ4KffEFIRYAsFkAkFkAJFFkAkNCLIAAAC6AguhoCCl3TW2TzugIHx4S788Z6wmWN4ZY3ysoA1pu+qAgpYCAAaIoDIoCaJZvVAQ03LUBlGqWAzYmimn3vAaRYA1IkWASKKACgirIgAsgBoBdJNbZNN9t3aeIHNw2vSccbZhPxLN27dJ68/Rx222u1/LjbNn8vi/ieHPm58N03SKN5bfa58c7jOzHd78XOyXfd98bqoCaScp8jSdk+SgLjlljdccssfK12w6TlN2cmXjN1/iuAD34Z47Sa43XTjLus82nz5bjl8WNss4WPXsNtNpNLuzk3zlZ2wHUsBBF5CAFgAhouiUGRUBErSAyffFamgKqKCqkUBYcgBpADiuhoAKeYA8fStp8WX4WPCfq8b2eT1bXObPZZZ8bJrJ23lHz5rpvutu+3tvOqAAAAAAAACy3HKZY3Sy6yoA+hs85tMJlN2vGdlaeTomem0+C/9pu849SAKlARQERrkgJUWoCUVKDIqb/ugqxFBVRQFFBFABRAUAHn6bl+XDGc7bfT/ANeV26XddvJ2Yz3tcVAAAAAAAAAAFxy+HKZTjLq+l+z5j6Gzuuywt54z9jRoEQAARSoCCoCIqAIJQaCLzBZxCAKC8wIAChOIAADxdL/+i/6z6uTt0yabfXtxnta4qAAAAAAAAAAD37H/AAbP/WPBwfQ2c02WE7MYaNAIIoAhzCggHMEqaNIDNPviHoAsRqcAFSKC8iIoHNUAUAAAHl6ZPzbPLtln1ed7el467DXu2X0+68SgAAAAAAAAABpru7bo+npy7Po8HR8fi2+M46XW+Ue4ABAAAQAQUvAEvBL6BQS8U3feqpv7fcFnBUUBUUBScQFRUBQAAATKTLG43nLL6vnaWWy8ZdL5x9J4ulY/DtrZwymvrzUcgAAAAAAAANdwPT0LH9Wd8MZ+9elnY4fh7HHG8prfOtIAABQAQAKi1AE5KlBD09hPl7gKjUAVFBeYTiAqKgKAAAA5dKw+PY2ya5Y/mn19nVQfMG9th+HtbjOF3zyrCgAAAAAA6dHw+PbSWfln5r6Ob29Gw+DZS2fmy33y5T6g7cbreaAgAAAAgqAcgqfIBOapQSnr7lPS/IEaScAFVFgKIoKioCgAABgADj0nZ/HstZvyx3zxnN4+T6b52ePw7TLGcJbIoyAAAAADex2f4m1mN1+Gb75Tl9H0PbweboeOmGWXO3T0n/r0AAIAAAACKgHJFpyBEpyARFT74gKnNQVeaRQF5IoKTiigCKAAACZWY4/FlZMZxt3SAvnuna+dnlM8885wyts8nXb9I/Elw2e7G7rleN8J4ePNxUAAAAAAeroeUuFx7LrPKvQ+djlcMpljdLHs2W3x2k0/Tl2W8fLtB1C8ewQAAEUBDmt4oBeJeCAIUARFvBN3gByVAFUIChzWcAOSpGdpnjs5rnlMdeHbfKcwb58x5c+l23TZ7P1y3e0+rldvtcuO0snZjJFHvtmM1ysnjbpHHLpOyx3TK5eGM1eKyW63W3tt1UHfPpeV3YYTGduW+/JwyuWd1zyuVnDXhPKcgAAAAAAAAAAB0w2+0w3TKZTsy3+7tj0vG/rxyxvbN8eUB9DDa7PP9OeNvZrpfdu8OD5mkvGNY55Y/pzyx8ruIPePJj0nazj8OU8ZpfZ1w6Ts8rJlrhfHfPmg7FKgAF4AgVARPW/NanoAsZaBVlZUFVF4g57fbfhY7pLld0l/e+EeO23K5ZW5ZXjb97o1tcvj22WXHS/DPKMqAAAAAAAAAAAAAAAAAAAAAAOux212d0ttwvGdnjHr3ceMfPevo2XxbLTu3T0B1TmHJAZVOYF4p98xPviBFScQGlRZxBdS3TG3slvsibS/8WX+t/YHhx/TPGaqk4TyVQAAAAAAAAAAAAAAAAAAAAAAd+iX82c7ZL9/Nwdui/5b/rfoD00vARAQqAhfvcVNfL3A1WMqDSxmVQVNr/iz4/pv7LDOXLDLGcbNPDeDxTh6DtOjZaafFju816tlf+2Puo4Dv1bPvY+51bLvY+5RwHfq2Xex9zquXex9yjgO/Vcu9j7nVc+9j7lHAd+q597H3Oq597H3BwHfqufex9zqufex9yjgO/Vc+9j7nVc+9j7lHAd+q597H3Oq597H3KOA79Vz72PudVz72PuUcB36rl3sfc6rn3sfco4DvejZd7H3OrZd7H3KOA79Wy72PudWz72PuDg7dG/y3/W/Q6tl3sfdvY7K7PO25S6yzSdoOqWlEBmhaBamt+6J6AnmqaqDQy0CxYyoNCKC6m/VAGhPJdQBOSgKi6+QGu41QBRAF1LUABbUABNdAVOYUC0tE13gIWloCcTXeloFQLQTmffMtT74gixOa6gqysrzBVSVQVdWdQGpRNV1BV10SUlBYIvIF1E1Ne0F5iAKIAohaCmqWgBaapqC2ohqC6pqWoC2paa70tAqCACACa+F+RanyAWJ/a8vkAuqT6fVf7AVOz0X+AXVYh2egNSifx9T+wVWefyX+PqCyrqn807PQFEn0+p/YKH9H37gAc/kC6onL0P5BRP6OV8vqC2of2l/gAOSAuqan9J/AKmon9AUtL9PqnP1oCWl5ehfv5gh635nP1qWg//Z", c = "data:image/jpeg;base64,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", s = p(() => ({
       "f-avatar": !0,
-      "f-avatar-readonly": g.readonly,
-      "f-avatar-circle": g.shape === "circle",
-      "f-avatar-square": g.shape === "square"
-    })), o = F(g.modelValue), p = E(() => ({
-      width: g.avatarWidth + "px",
-      height: g.avatarHeight + "px"
-    })), c = !1;
-    function l() {
-      return "";
-    }
-    function m() {
+      "f-avatar-readonly": e.readonly,
+      "f-avatar-circle": e.shape === "circle",
+      "f-avatar-square": e.shape === "square"
+    })), B = p(() => ({
+      width: e.avatarWidth + "px",
+      height: e.avatarHeight + "px"
+    })), u = C(!1), l = C(e.modelValue || n), {
+      acceptTypes: f,
+      imageSource: a,
+      onClickImage: t
+    } = k(e, g, o, l), {
+      onFileChange: A
+    } = J(e, g, f, l, u);
+    E(() => e.modelValue, (i) => {
+      l.value = i || n;
+    });
+    function r() {
+      l.value = c;
     }
-    const f = F(null), {
-      acceptTypes: u,
-      imageSource: h,
-      onClickImage: A
-    } = L(g, n, f, o);
-    return () => C("div", {
-      ref: e,
-      class: d.value,
-      style: p.value,
-      onClick: A
-    }, [c, C("img", {
-      title: g.title,
+    return () => d("div", {
+      class: s.value,
+      style: B.value,
+      onClick: t
+    }, [u.value && d("div", {
+      class: "f-avatar-upload-loading"
+    }, [d("div", {
+      class: "loading-inner"
+    }, [Q.getLocaleValue("avatar.loading")])]), d("img", {
+      title: e.title,
       class: "f-avatar-image",
-      src: h.value,
-      onError: l
-    }, null), !g.readonly && C("div", {
+      src: a.value,
+      onError: r
+    }, null), !e.readonly && d("div", {
       class: "f-avatar-icon"
-    }, [C("span", {
+    }, [d("span", {
       class: "f-icon f-icon-camera"
-    }, null)]), C("input", {
-      ref: "file",
+    }, null)]), !e.readonly && d("input", {
+      ref: o,
       name: "file-input",
       type: "file",
       class: "f-avatar-upload",
-      accept: u.value,
-      onChange: m,
+      accept: f.value,
+      onChange: A,
       style: "display: none;"
     }, null)]);
   }
-});
-M.register = (g, n, e, t) => {
-  g.avatar = M, n.avatar = R;
-};
-M.registerDesigner = (g, n, e) => {
-  g.avatar = Ee, n.avatar = R;
-};
-const Se = ie(M);
+}), M = K(U);
 export {
-  M as FAvatar,
-  T as avatarProps,
-  Se as default,
-  R as propsResolver
+  U as FAvatar,
+  m as avatarProps,
+  M as default,
+  G as propsResolver
 };