@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/src/components/form-designer/form-widget/field-widget/useField.js

@@ -0,0 +1,307 @@
+import { inject as g, ref as f, getCurrentInstance as He, computed as u, onMounted as qe, onBeforeUnmount as Ne, nextTick as J } from "vue";
+import { deepClone as $ } from "../../../../utils/util.js";
+import E from "../../../../utils/validators.js";
+import { get as Se, eq as ze, isArray as Ue } from "lodash-es";
+import { useI18n as Te } from "../../../../utils/i18n.js";
+import { useEmitter as Le } from "../../../../utils/useEmitter.js";
+import { useAppRef as Pe } from "../../useAppRef.js";
+import { useExecFunction as We } from "tmgc2-share";
+function Ze(t) {
+  const j = g("getFormConfig", () => ({})), k = g("formData", f({})), G = g("getReadMode", () => !1), M = g("isSubFormField", !1), I = g("getSubFormName", () => ""), l = g("designState", !1), { registerToRefList: K, getWidgetRef: Q, getFormRef: b, unregisterFromRefList: X } = Pe(), { executeFunction: c } = We(), { i18nt: A, i18n2t: Y } = Te(), { field: a } = t, h = f(null), D = f(null), y = f(!1), Z = f(!1), s = f([]), V = f({}), O = f({}), _ = f(null), i = He(), { dispatch: m } = Le(), H = u(() => j()), p = u(() => {
+    var e;
+    return (e = a == null ? void 0 : a.options) != null && e.size ? a.options.size : H.value.size || "middle";
+  }), R = u(() => I ? I() : ""), d = u({
+    get() {
+      return Se(k.value, v.value);
+    },
+    set(e) {
+      x(e);
+    }
+  }), q = u(() => G() ? !0 : y.value), w = u(() => {
+    if (l)
+      return !1;
+    const { onHidden: e, hidden: n } = t.field.options;
+    if (n) return !0;
+    if (e)
+      try {
+        const o = c({
+          functionBody: e
+        });
+        return typeof o == "boolean" ? o : !1;
+      } catch (o) {
+        return console.log({ error: o }), !1;
+      }
+    return !1;
+  }), N = u(() => {
+    if (l)
+      return !1;
+    const { onDisabled: e, disabled: n } = t.field.options;
+    if (n) return !0;
+    if (e)
+      try {
+        const o = c({
+          functionBody: e
+        });
+        return typeof o == "boolean" ? o : !1;
+      } catch (o) {
+        return console.log({ error: o }), !1;
+      }
+    return !1;
+  }), ee = (e, n) => {
+    if (!Array.isArray(e))
+      return -1;
+    let o = -1;
+    return e.forEach((r, W) => {
+      r === n && (o = W);
+    }), o;
+  }, v = u(() => M && !l ? R.value + "." + t.subFormRowIndex + "." + t.field.options.name : t.field.options.name);
+  function te() {
+    l || t.field.options.onCreated && J(() => {
+      c({
+        functionBody: t.field.options.onCreated
+      });
+    });
+  }
+  function ne() {
+    l || t.field.options.onMounted && J(() => {
+      c({
+        functionBody: t.field.options.onMounted
+      });
+    });
+  }
+  const oe = () => {
+    d.value = t.field.options.defaultValue;
+  }, S = () => {
+    t.field.formItemFlag && s.value.splice(0, s.value.length);
+  }, F = () => {
+    if (!(!(t != null && t.field.formItemFlag) || t != null && t.field.options.hidden)) {
+      if (s.value.splice(0, s.value.length), t.field.options.required && s.value.push({
+        required: !0,
+        // trigger: ['blur', 'change'],
+        trigger: [
+          "blur"
+        ],
+        message: t.field.options.requiredHint || A("render.hint.fieldRequired")
+      }), t.field.options.validation) {
+        const e = t.field.options.validation;
+        E[e] ? s.value.push({
+          validator: E[e],
+          trigger: ["blur", "change"],
+          label: t.field.options.label,
+          errorMsg: t.field.options.validationHint
+        }) : s.value.push({
+          validator: E.regExp,
+          trigger: ["blur", "change"],
+          regExp: e,
+          label: t.field.options.label,
+          errorMsg: t.field.options.validationHint
+        });
+      }
+      if (t.field.options.onValidate) {
+        const e = (n, o) => c({
+          functionBody: t.field.options.onValidate,
+          params: { rule: n, value: o },
+          keys: ["rule", "value"]
+        });
+        s.value.push({
+          validator: e,
+          trigger: ["blur"],
+          label: t.field.options.label
+        });
+      }
+    }
+  }, ie = () => {
+    s.value && s.value.forEach((e) => {
+      e.trigger && e.trigger.splice(0, e.trigger.length);
+    });
+  }, le = () => {
+    s.value && s.value.forEach((e) => {
+      e.trigger && (e.trigger.push("blur"), e.trigger.push("change"));
+    });
+  }, se = (e, n) => {
+    e && e.length > 0 && e.forEach((o) => {
+      o.value === n && (o.disabled = !0);
+    });
+  }, de = (e, n) => {
+    e && e.length > 0 && e.forEach((o) => {
+      o.value === n && (o.disabled = !1);
+    });
+  }, z = (e, n) => {
+    e && (e = e.target ? e.target.value : e), i && m("VFormRender", "fieldChange", [
+      t.field.options.name,
+      e,
+      n,
+      R.value,
+      t.subFormRowIndex
+    ]);
+  }, x = (e) => {
+    l || (m("VFormRender", "fieldValidation", [v.value]), m("VFormRender", "fieldChange", {
+      fieldName: v.value,
+      value: e,
+      oldValue: d.value,
+      field: a
+    }));
+  }, ae = (e) => {
+    l || (D.value = $(d.value));
+  }, re = (e) => {
+    l || t.field.options.onBlur && new Function("event", t.field.options.onBlur).call(i == null ? void 0 : i.exposed, e);
+  }, fe = () => {
+    l || (t.field.options.onAppendButtonClick ? new Function(t.field.options.onAppendButtonClick).call(i == null ? void 0 : i.exposed) : i && m("VFormRender", "appendButtonClick", [i.exposed]));
+  }, ue = (e, n, o, r) => {
+    l || t.field.options.onChange && new Function("value", "oldValue", "ops", t.field.options.onChange).call(i == null ? void 0 : i.exposed, e, n, o, r);
+  }, ce = () => {
+    if (!l) {
+      if (t.field.options.onClick)
+        return new Function(t.field.options.onClick).call(B);
+      i && m("VFormRender", "buttonClick", [B]);
+    }
+  }, ge = () => {
+    l || N.value || a.options.onClickIcon && c({
+      functionBody: a.options.onClickIcon
+    });
+  }, C = () => h.value, U = (e) => (typeof e == "string" && (e = JSON.parse(e)), Ue(e) ? e.map((o, r) => ({
+    ...o,
+    name: o.fileName,
+    uid: r
+  })) : []), T = (e, n = !1) => {
+    if (e && (e = e.target ? e.target.value : e), ze(d.value, e)) return;
+    const o = $(d.value);
+    if (t.field.type === "file-upload")
+      e = U(e || []);
+    else if (t.field.type === "code-editor") {
+      const r = C();
+      r && r.setValue(e);
+    }
+    d.value = e, x(e), n || z(e, o);
+  }, me = () => d.value, ve = () => {
+    const e = t.field.options.defaultValue;
+    T(e), (t.field.type === "picture-upload" || t.field.type === "file-upload") && d.value.splice(0, d.value.length);
+  }, he = (e, n) => {
+    t.field.options.hasOwnProperty(e) && (t.field.options[e] = n);
+  }, Fe = (e) => {
+    t.field.options.readonly = e;
+  }, Ce = (e) => {
+    t.field.options.disabled = e;
+  }, be = (e) => {
+    t.field.options.appendButton = e;
+  }, ye = (e) => {
+    t.field.options.appendButtonDisabled = e;
+  }, Re = (e) => {
+    t.field.options.hidden = e, e ? S() : F();
+  }, xe = (e) => {
+    t.field.options.required = e, F(), !l && !e && L();
+  }, L = () => {
+    l || b().getNativeForm().clearValidate(v.value);
+  }, Be = () => b().vfCtx, Ee = (e) => {
+    t.field.options.label = e;
+  }, P = () => {
+    const e = C();
+    e && e.focus && e.focus();
+  }, ke = (e, n) => {
+    V.value[e] = n;
+  }, Me = (e, n) => {
+    O.value[e] = n;
+  }, Ie = (e = !0) => {
+    y.value = e;
+  }, Ae = (e) => {
+    t.field.options.customClass ? t.field.options.customClass.push(e) : t.field.options.customClass = [e];
+  }, De = u(() => t.field.options.customClass), Ve = (e) => {
+    if (!t.field.options.customClass)
+      return;
+    let n = -1;
+    t.field.options.customClass.map((o, r) => {
+      o === e && (n = r);
+    }), n > -1 && t.field.options.customClass.splice(n, 1);
+  }, Oe = () => {
+    var e;
+    return (e = h.value) == null ? void 0 : e.$el;
+  };
+  qe(() => {
+    K(), te(), F(), ne();
+  }), Ne(() => {
+    X();
+  });
+  const B = {
+    proxy: i == null ? void 0 : i.proxy,
+    field: a,
+    widget: a,
+    fieldModel: d,
+    fieldEditor: h,
+    isReadMode: q,
+    getVfCtx: Be,
+    setLabel: Ee,
+    getEl: Oe,
+    setReadMode: Ie,
+    resetField: ve,
+    setValue: T,
+    getValue: me,
+    getFieldEditor: C,
+    getFormRef: b,
+    getWidgetRef: Q,
+    setHidden: Re,
+    addCssClass: Ae,
+    removeCssClass: Ve,
+    setRequired: xe,
+    clearValidate: L,
+    focus: P
+  };
+  return {
+    executeFunction: c,
+    customClass: De,
+    fieldEditor: h,
+    // 状态
+    fieldModel: d,
+    oldFieldValue: D,
+    fieldReadonlyFlag: y,
+    loading: Z,
+    rules: s,
+    uploadHeaders: V,
+    uploadData: O,
+    designState: l,
+    customToolbar: _,
+    i18nt: A,
+    i18n2t: Y,
+    size: p,
+    field: a,
+    // 计算属性
+    formConfig: H,
+    subFormName: R,
+    formModel: k,
+    isReadMode: q,
+    // 方法
+    handleHidden: w,
+    handleDisabled: N,
+    findInArray: ee,
+    getPropName: v,
+    refreshDefaultValue: oe,
+    clearFieldRules: S,
+    buildFieldRules: F,
+    disableChangeValidate: ie,
+    enableChangeValidate: le,
+    disableOptionOfList: se,
+    enableOptionOfList: de,
+    emitFieldDataChange: z,
+    syncUpdateFormModel: x,
+    handleFocusCustomEvent: ae,
+    handleBlurCustomEvent: re,
+    emitAppendButtonClick: fe,
+    handleOnChange: ue,
+    onClick: ce,
+    handleClickIcon: ge,
+    getFieldEditor: C,
+    showFileList: U,
+    setWidgetOption: he,
+    setReadonly: Fe,
+    setDisabled: Ce,
+    setAppendButtonVisible: be,
+    setAppendButtonDisabled: ye,
+    focus: P,
+    setUploadHeader: ke,
+    setUploadData: Me,
+    isSubFormField: M,
+    defineExposed: B
+  };
+}
+export {
+  Ze as useField
+};

package/src/components/form-designer/form-widget/index.vue.js

@@ -1,199 +1,56 @@
-import p from "./field-widget/index.js";
-import C from "../../../utils/i18n.js";
-import v from "../../../lib/vuedraggable/src/vuedraggable.js";
-import D from "../../form-render/SubmitButtonRender.vue.js";
-import { resolveComponent as s, createBlock as a, openBlock as r, withCtx as d, createElementVNode as g, createVNode as f, normalizeClass as _, createElementBlock as b, createCommentVNode as y, toDisplayString as w, normalizeStyle as x, mergeProps as F, resolveDynamicComponent as m } from "vue";
+import s from "./index.vue2.js";
+import { resolveComponent as o, createBlock as c, openBlock as t, withCtx as n, createElementVNode as i, createVNode as r, normalizeClass as l, createElementBlock as m, createCommentVNode as g, toDisplayString as f } from "vue";
 /* empty css           */
-import L from "../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
-  name: "VFormWidget",
-  componentName: "VFormWidget",
-  mixins: [C],
-  components: {
-    Draggable: v,
-    SubmitButtonRender: D,
-    ...p
-  },
-  props: {
-    designer: Object,
-    formConfig: Object,
-    optionData: {
-      //prop传入的选项数据
-      type: Object,
-      default: () => ({})
-    },
-    globalDsv: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  provide() {
-    return {
-      refList: this.widgetRefList,
-      getFormConfig: () => this.formConfig,
-      getGlobalDsv: () => this.globalDsv,
-      // 全局数据源变量
-      globalOptionData: this.optionData,
-      getOptionData: () => this.optionData,
-      getReadMode: () => !1,
-      globalModel: {
-        formModel: this.formModel
-      },
-      getSubFormFieldFlag: () => !1,
-      getSubFormName: () => "",
-      getDSResultCache: () => this.dsResultCache
-    };
-  },
-  inject: ["getDesignerConfig"],
-  data() {
-    return {
-      formModel: {},
-      widgetRefList: {},
-      dsResultCache: {}
-    };
-  },
-  computed: {
-    labelPosition() {
-      return this.designer.formConfig && this.designer.formConfig.labelPosition ? this.designer.formConfig.labelPosition : "horizontal";
-    },
-    size() {
-      return this.designer.formConfig && this.designer.formConfig.size ? this.designer.formConfig.size : "default";
-    },
-    customClass() {
-      return this.designer.formConfig.customClass || "";
-    },
-    layoutType() {
-      return this.designer.getLayoutType();
-    },
-    canvasMinHeight() {
-      return this.getDesignerConfig().logoHeader !== !1 ? "calc(100vh - 56px - 68px)" : "calc(100vh - 56px - 68px + 48px)";
-    }
-  },
-  watch: {
-    "designer.widgetList": {
-      deep: !0,
-      handler(e) {
-      }
-    },
-    "designer.formConfig": {
-      deep: !0,
-      handler(e) {
-      }
-    }
-  },
-  created() {
-    this.designer.initDesigner(!!this.getDesignerConfig().resetFormJson), this.designer.loadPresetCssCode(this.getDesignerConfig().presetCssCode);
-  },
-  mounted() {
-    this.disableFirefoxDefaultDrop(), this.designer.registerFormWidget(this);
-  },
-  methods: {
-    getWidgetName(e) {
-      return e.type + "-widget";
-    },
-    disableFirefoxDefaultDrop() {
-      navigator.userAgent.toLowerCase().indexOf("firefox") !== -1 && (document.body.ondrop = function(n) {
-        n.stopPropagation(), n.preventDefault();
-      });
-    },
-    onDragEnd(e) {
-    },
-    onDragAdd(e) {
-      const n = e.newIndex;
-      this.designer.widgetList[n] && this.designer.setSelected(this.designer.widgetList[n]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", null);
-    },
-    onDragUpdate() {
-      this.designer.emitHistoryChange();
-    },
-    checkMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    getFormData() {
-      return this.formModel;
-    },
-    getWidgetRef(e, n = !1) {
-      const i = this.widgetRefList[e];
-      return !i && n && this.$message.error(this.i18nt("designer.hint.refNotFound") + e), i;
-    },
-    getSelectedWidgetRef() {
-      const e = this.designer.selectedWidgetName;
-      return this.getWidgetRef(e);
-    },
-    clearWidgetRefList() {
-      Object.keys(this.widgetRefList).forEach((e) => {
-        delete this.widgetRefList[e];
-      });
-    }
-  }
-}, z = { class: "form-widget-container" }, W = {
+import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "form-widget-container" }, h = {
   key: 0,
   class: "no-widget-hint"
-}, k = { class: "transition-group-el" };
-function M(e, n, i, N, E, t) {
-  const c = s("draggable"), h = s("a-form"), u = s("a-config-provider");
-  return r(), a(u, {
-    "component-size": t.size,
+}, v = {
+  class: "form-widget-canvas",
+  style: { minHeight: "calc(100vh - 56px - 68px)" }
+};
+function w(y, z, u, e, x, k) {
+  const a = o("a-form"), d = o("a-config-provider");
+  return t(), c(d, {
+    "component-size": e.size,
     input: { autocomplete: "off" }
   }, {
-    default: d(() => [
-      g("div", z, [
-        f(h, {
-          class: _(["full-height-width widget-form tpf-form", [t.customClass, t.layoutType + "-layout"]]),
-          layout: ["horizontal", "vertical", "inline"].includes(t.labelPosition) ? t.labelPosition : "horizontal",
-          size: t.size,
+    default: n(() => [
+      i("div", p, [
+        r(a, {
+          class: l(["full-height-width widget-form tpf-form", [e.customClass, e.layoutType + "-layout"]]),
+          layout: e.labelPosition,
+          size: e.size,
           "validate-on-rule-change": !1
         }, {
-          default: d(() => [
-            i.designer.widgetList.length === 0 ? (r(), b("div", W, w(e.i18nt("designer.noWidgetHint")), 1)) : y("", !0),
-            g("div", {
-              class: "form-widget-canvas",
-              style: x({ minHeight: t.canvasMinHeight })
-            }, [
-              f(c, F({
-                list: i.designer.widgetList,
-                "item-key": "id"
-              }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-                tag: "transition-group",
-                "component-data": { name: "fade" },
-                handle: ".drag-handler",
-                onEnd: t.onDragEnd,
-                onAdd: t.onDragAdd,
-                onUpdate: t.onDragUpdate,
-                move: t.checkMove
-              }), {
-                item: d(({ element: o, index: l }) => [
-                  g("div", k, [
-                    o.category === "container" ? (r(), a(m(t.getWidgetName(o)), {
-                      widget: o,
-                      designer: i.designer,
-                      key: o.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
-                      "parent-widget": null,
-                      "design-state": !0
-                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list"])) : (r(), a(m(t.getWidgetName(o)), {
-                      field: o,
-                      designer: i.designer,
-                      key: o.id,
-                      "parent-list": i.designer.widgetList,
-                      "index-of-parent-list": l,
-                      "parent-widget": null,
-                      "design-state": !0
-                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list"]))
-                  ])
-                ]),
-                _: 1
-              }, 16, ["list", "onEnd", "onAdd", "onUpdate", "move"])
-            ], 4)
+          default: n(() => [
+            e.designer.widgetList.length === 0 ? (t(), m(
+              "div",
+              h,
+              f(e.i18nt("designer.noWidgetHint")),
+              1
+              /* TEXT */
+            )) : g("v-if", !0),
+            i("div", v, [
+              r(e.RenderDesignerWigetList, {
+                list: e.designer.widgetList,
+                parentWidget: e.designer,
+                end: e.onDragEnd,
+                add: e.onDragAdd,
+                update: e.onDragUpdate
+              }, null, 8, ["list", "parentWidget"])
+            ])
           ]),
           _: 1
+          /* STABLE */
         }, 8, ["layout", "class", "size"])
       ])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["component-size"]);
 }
-const B = /* @__PURE__ */ L(R, [["render", M], ["__scopeId", "data-v-3d0205b7"]]);
+const B = /* @__PURE__ */ _(s, [["render", w], ["__scopeId", "data-v-55727874"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/index.vue"]]);
 export {
   B as default
 };

package/src/components/form-designer/form-widget/index.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as _, inject as y, ref as r, provide as s, computed as n } from "vue";
+import { useI18n as b } from "../../../utils/i18n.js";
+import D from "./RenderDesignerWigetList.vue.js";
+const I = /* @__PURE__ */ _({
+  __name: "index",
+  props: {
+    globalDsv: { type: Object, required: !0 },
+    formConfig: { type: Object, required: !0 }
+  },
+  setup(f, { expose: d }) {
+    d();
+    const { i18nt: l } = b(), i = f, e = y("designer", r({})), a = r(/* @__PURE__ */ new Map()), c = r({});
+    s("refList", a), s("getReadMode", () => !1), s("getFormConfig", () => i.formConfig);
+    const g = () => {
+    }, m = n(() => {
+      var o, t;
+      return ((t = (o = e.value) == null ? void 0 : o.formConfig) == null ? void 0 : t.labelPosition) || "horizontal";
+    }), p = n(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), v = n(() => e.value.formConfig.customClass || ""), C = n(() => e.value.getLayoutType()), u = { i18nt: l, props: i, designer: e, widgetRefList: a, formModel: c, onDragEnd: g, labelPosition: m, size: p, customClass: v, layoutType: C, onDragAdd: (o) => {
+      const t = o.newIndex;
+      e.value.widgetList[t] && e.value.setSelected(e.value.widgetList[t]);
+    }, onDragUpdate: () => {
+      e.value.emitHistoryChange();
+    }, RenderDesignerWigetList: D };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+});
+export {
+  I as default
+};

package/src/components/form-designer/form-widget/useFormDesigner.js

@@ -0,0 +1,33 @@
+import { RenderDesginWidgetList as i } from "./container-widget/index.js";
+import f from "./field-widget/index.js";
+import { inject as t, ref as o } from "vue";
+function s(e) {
+  if (!e)
+    return;
+  const n = e.type + "-widget";
+  return i[n];
+}
+function c(e) {
+  if (!e)
+    return;
+  const n = e.type + "-widget";
+  return f[n];
+}
+function d(e) {
+  if (!e)
+    return;
+  const n = e.category === "container" ? s(e) : c(e);
+  return n || console.warn(`未找到组件类型: ${e.type}，请确保已注册该组件。`), n;
+}
+function a() {
+  const e = t("designer", o({})), n = t("designState", !1), r = t("formConfig", o({}));
+  return {
+    designState: n,
+    formConfig: r,
+    designer: e
+  };
+}
+export {
+  d as getWidget,
+  a as useDesigner
+};

package/src/components/form-designer/form-widget/widgetAction.vue.js

@@ -0,0 +1,79 @@
+import s from "./widgetAction.vue2.js";
+import { createElementBlock as o, openBlock as d, Fragment as a, createCommentVNode as c, createElementVNode as r, withModifiers as g, createVNode as n, toDisplayString as v } from "vue";
+/* empty css                  */
+import m from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  key: 0,
+  class: "container-action"
+}, f = ["title"], w = ["title"], k = ["title"], h = ["title"], W = ["title"], y = {
+  key: 1,
+  class: "drag-handler"
+}, I = ["title"], S = { key: 0 };
+function C(b, i, t, e, x, D) {
+  return d(), o(
+    a,
+    null,
+    [
+      e.selected ? (d(), o("div", _, [
+        r("i", {
+          title: e.i18nt("designer.hint.selectParentWidget"),
+          onClick: i[0] || (i[0] = g((l) => e.selectParentWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-back" })
+        ], 8, f),
+        r("i", {
+          title: e.i18nt("designer.hint.moveUpWidget"),
+          onClick: i[1] || (i[1] = g((l) => e.moveUpWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-move-up" })
+        ], 8, w),
+        t.parentList && t.parentList.length > 1 ? (d(), o("i", {
+          key: 0,
+          title: e.i18nt("designer.hint.moveDownWidget"),
+          onClick: i[2] || (i[2] = g((l) => e.moveDownWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-move-down" })
+        ], 8, k)) : c("v-if", !0),
+        t.widget.type === "grid" ? (d(), o("i", {
+          key: 1,
+          title: e.i18nt("designer.hint.cloneWidget"),
+          onClick: i[3] || (i[3] = g((l) => e.cloneContainer(t.widget), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-clone" })
+        ], 8, h)) : c("v-if", !0),
+        r("i", {
+          title: e.i18nt("designer.hint.remove"),
+          onClick: i[4] || (i[4] = g((...l) => e.removeWidget && e.removeWidget(...l), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-delete" })
+        ], 8, W)
+      ])) : c("v-if", !0),
+      e.selected && !t.widget.internal && t.isDrag ? (d(), o("div", y, [
+        r("i", {
+          title: e.i18nt("designer.hint.dragHandler")
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-drag-move" })
+        ], 8, I),
+        r(
+          "i",
+          null,
+          v(t.widget.showName || e.i18n2t(
+            `designer.widgetLabel.${t.widget.type}`,
+            `extension.widgetLabel.${t.widget.type}`
+          )),
+          1
+          /* TEXT */
+        ),
+        t.widget.options.hidden === !0 ? (d(), o("i", S, [
+          n(e.SvgIcon, { "icon-class": "icon-el-hide" })
+        ])) : c("v-if", !0)
+      ])) : c("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const A = /* @__PURE__ */ m(s, [["render", C], ["__scopeId", "data-v-840cd936"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/widgetAction.vue"]]);
+export {
+  A as default
+};