@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

package/src/components/form-designer/setting-panel/index.vue.js

@@ -0,0 +1,389 @@
+import { TpfCodeEditor as R } from "tmgc2-share";
+import D from "./property-editor/index.js";
+import K from "./form-setting.vue.js";
+import O from "./form-crud-setting.vue.js";
+import V, { propertyRegistered as j } from "./propertyRegister.js";
+import { addWindowResizeHandler as U } from "../../../utils/util.js";
+import I from "../../../utils/i18n.js";
+import z from "../../../utils/emitter.js";
+import B from "../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as m, createElementBlock as c, openBlock as i, Fragment as u, createVNode as h, withCtx as s, createBlock as g, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, renderList as p, resolveDynamicComponent as C } from "vue";
+/* empty css           */
+/* empty css           */
+import L from "../../../../_virtual/_plugin-vue_export-helper.js";
+const { COMMON_PROPERTIES: q, ADVANCED_PROPERTIES: x, EVENT_PROPERTIES: G } = V, J = {
+  name: "SettingPanel",
+  componentName: "SettingPanel",
+  mixins: [I, z],
+  components: {
+    TpfCodeEditor: R,
+    FormSetting: K,
+    CodeModalEditor: B,
+    FormCrudSetting: O,
+    ...D
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    formConfig: Object,
+    globalDsv: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  provide() {
+    return {
+      isSubFormChildWidget: () => this.subFormChildWidgetFlag,
+      getGlobalDsv: () => this.globalDsv
+      // 全局数据源变量
+    };
+  },
+  inject: ["getDesignerConfig"],
+  data() {
+    return {
+      designerConfig: this.getDesignerConfig(),
+      scrollerHeight: 0,
+      activeTab: "2",
+      widgetActiveCollapseNames: ["1", "2", "3"],
+      formActiveCollapseNames: ["1", "2"],
+      commonProps: q,
+      advProps: x,
+      eventProps: G,
+      showWidgetEventDialogFlag: !1,
+      eventHandlerCode: "",
+      curEventName: "",
+      eventHeader: "",
+      subFormChildWidgetFlag: !1
+    };
+  },
+  computed: {
+    optionModel: {
+      get() {
+        return this.selectedWidget.options;
+      },
+      set(e) {
+        this.selectedWidget.options = e;
+      }
+    }
+  },
+  watch: {
+    "designer.selectedWidget": {
+      handler(e) {
+        e && (this.activeTab = "1");
+      }
+    },
+    "selectedWidget.options": {
+      //组件属性变动后，立即保存表单JSON！！
+      deep: !0,
+      handler() {
+        this.designer.saveCurrentHistoryStep();
+      }
+    },
+    formConfig: {
+      deep: !0,
+      handler() {
+        this.designer.saveCurrentHistoryStep();
+      }
+    }
+  },
+  created() {
+    this.on$("editEventHandler", (e) => {
+      this.editEventHandler(e[0], e[1]);
+    }), this.designer.handleEvent("form-css-updated", (e) => {
+      this.designer.setCssClassList(e);
+    }), this.designer.handleEvent("field-selected", (e) => {
+      this.subFormChildWidgetFlag = !!e && e.type === "sub-form";
+    });
+  },
+  mounted() {
+    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", U(() => {
+      this.$nextTick(() => {
+        this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
+      });
+    });
+  },
+  methods: {
+    getEventHandled(e) {
+      return !!this.optionModel[e] && this.optionModel[e].length > 0;
+    },
+    showEventCollapse() {
+      return this.designerConfig.eventCollapse === void 0 ? !0 : !!this.designerConfig.eventCollapse;
+    },
+    hasPropEditor(e, o) {
+      if (!o)
+        return !1;
+      if (e.indexOf("-") <= -1) {
+        const l = this.selectedWidget.type + "-" + e;
+        if (j(l))
+          return !1;
+      }
+      const n = e.replace(this.selectedWidget.type + "-", "");
+      return this.designer.hasConfig(this.selectedWidget, n);
+    },
+    getPropEditor(e, o) {
+      const n = e.replace(this.selectedWidget.type + "-", ""), f = `${this.selectedWidget.type}-${n}-editor`;
+      return this.$options.components[f] || this.$root.$.appContext.components[f] ? f : o;
+    },
+    showCollapse(e) {
+      let o = !1;
+      for (const n in e)
+        if (e.hasOwnProperty(n) && this.hasPropEditor(n, e[n])) {
+          o = !0;
+          break;
+        }
+      return o;
+    },
+    editEventHandler(e, o) {
+      console.log(e, o), this.curEventName = e, this.eventHeader = `${this.optionModel.name}.${e}(${o.join(
+        ", "
+      )}) {`, this.eventHandlerCode = this.selectedWidget.options[e] || "", e === "onValidate" && !this.optionModel.onValidate && (this.eventHandlerCode = `  /* sample code */
+  /*
+  if ((value > 100) || (value < 0)) {
+    return Promise.reject('error message')  //fail
+  } else {
+    return Promise.resolve();  //pass
+  }
+  */`), console.log(this.eventHandlerCode), this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);
+    },
+    saveEventHandler(e) {
+      if (console.log({ value: e }), this.curEventName.includes(".")) {
+        const [o, n] = this.curEventName.split(".");
+        this.selectedWidget.options[o][n] = e;
+      } else
+        this.selectedWidget.options[this.curEventName] = e;
+    }
+  }
+};
+function Q(e, o, n, f, l, t) {
+  const v = m("a-collapse-panel"), _ = m("a-collapse"), b = m("a-form"), H = m("a-empty"), E = m("a-tab-pane"), k = m("form-setting"), M = m("FormCrudSetting"), S = m("a-tabs"), T = m("a-layout"), F = m("a-config-provider"), A = m("TpfCodeEditor");
+  return i(), c(u, null, [
+    h(F, { componentSize: "small" }, {
+      default: s(() => [
+        h(T, { class: "panel-container" }, {
+          default: s(() => [
+            h(S, {
+              activeKey: l.activeTab,
+              "onUpdate:activeKey": o[6] || (o[6] = (r) => l.activeTab = r),
+              style: { height: "100%", width: "100%", overflow: "hidden" }
+            }, {
+              default: s(() => [
+                h(E, {
+                  tab: e.i18nt("designer.hint.widgetSetting"),
+                  key: "1"
+                }, {
+                  default: s(() => [
+                    P("div", {
+                      class: "setting-scrollbar",
+                      style: w({ height: l.scrollerHeight })
+                    }, [
+                      n.designer.selectedWidget && !n.designer.selectedWidget.category ? (i(), g(b, {
+                        key: 0,
+                        model: t.optionModel,
+                        labelAlign: "left",
+                        "label-width": "120px",
+                        class: "setting-form tpf-form",
+                        onSubmit: o[2] || (o[2] = W(() => {
+                        }, ["prevent"]))
+                      }, {
+                        default: s(() => [
+                          h(_, {
+                            activeKey: l.widgetActiveCollapseNames,
+                            "onUpdate:activeKey": o[1] || (o[1] = (r) => l.widgetActiveCollapseNames = r),
+                            class: "setting-collapse"
+                          }, {
+                            default: s(() => [
+                              t.showCollapse(l.commonProps) ? (i(), g(v, {
+                                key: "1",
+                                header: e.i18nt("designer.setting.常见属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.commonProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel,
+                                      "onUpdate:optionModel": o[0] || (o[0] = (y) => t.optionModel = y)
+                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0),
+                              t.showCollapse(l.advProps) ? (i(), g(v, {
+                                key: "2",
+                                header: e.i18nt("designer.setting.高级属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.advProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel
+                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0),
+                              t.showEventCollapse() && t.showCollapse(l.eventProps) ? (i(), g(v, {
+                                key: "3",
+                                class: "eventPanel",
+                                header: e.i18nt("designer.setting.事件属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.eventProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel,
+                                      "event-handled": t.getEventHandled(d)
+                                    }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0)
+                            ]),
+                            _: 1
+                          }, 8, ["activeKey"])
+                        ]),
+                        _: 1
+                      }, 8, ["model"])) : a("", !0),
+                      n.designer.selectedWidget && n.designer.selectedWidget.category ? (i(), g(b, {
+                        key: 1,
+                        model: t.optionModel,
+                        labelAlign: "left",
+                        "label-width": "120px",
+                        class: "setting-form tpf-form",
+                        onSubmit: o[5] || (o[5] = W(() => {
+                        }, ["prevent"]))
+                      }, {
+                        default: s(() => [
+                          h(_, {
+                            activeKey: l.widgetActiveCollapseNames,
+                            "onUpdate:activeKey": o[4] || (o[4] = (r) => l.widgetActiveCollapseNames = r),
+                            class: "setting-collapse"
+                          }, {
+                            default: s(() => [
+                              t.showCollapse(l.commonProps) ? (i(), g(v, {
+                                key: "1",
+                                header: e.i18nt("designer.setting.常见属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.commonProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel,
+                                      "onUpdate:optionModel": o[3] || (o[3] = (y) => t.optionModel = y)
+                                    }, null, 40, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0),
+                              t.showCollapse(l.advProps) ? (i(), g(v, {
+                                key: "2",
+                                header: e.i18nt("designer.setting.高级属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.advProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel
+                                    }, null, 8, ["designer", "selected-widget", "option-model"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0),
+                              t.showEventCollapse() && t.showCollapse(l.eventProps) ? (i(), g(v, {
+                                key: "3",
+                                class: "eventPanel",
+                                header: e.i18nt("designer.setting.事件属性")
+                              }, {
+                                default: s(() => [
+                                  (i(!0), c(u, null, p(l.eventProps, (r, d) => (i(), c(u, null, [
+                                    t.hasPropEditor(d, r) ? (i(), g(C(t.getPropEditor(d, r)), {
+                                      key: d,
+                                      designer: n.designer,
+                                      "selected-widget": n.selectedWidget,
+                                      "option-model": t.optionModel,
+                                      "event-handled": t.getEventHandled(d)
+                                    }, null, 8, ["designer", "selected-widget", "option-model", "event-handled"])) : a("", !0)
+                                  ], 64))), 256))
+                                ]),
+                                _: 1
+                              }, 8, ["header"])) : a("", !0)
+                            ]),
+                            _: 1
+                          }, 8, ["activeKey"])
+                        ]),
+                        _: 1
+                      }, 8, ["model"])) : a("", !0),
+                      n.designer.selectedWidget ? a("", !0) : (i(), g(H, {
+                        key: 2,
+                        description: e.i18nt("designer.hint.noSelectedWidgetHint")
+                      }, null, 8, ["description"]))
+                    ], 4)
+                  ]),
+                  _: 1
+                }, 8, ["tab"]),
+                n.designer ? (i(), g(E, {
+                  tab: e.i18nt("designer.hint.表单设置"),
+                  key: "2"
+                }, {
+                  default: s(() => [
+                    P("div", {
+                      class: "setting-scrollbar",
+                      style: w({ height: l.scrollerHeight })
+                    }, [
+                      h(k, {
+                        designer: n.designer,
+                        "form-config": n.formConfig
+                      }, null, 8, ["designer", "form-config"])
+                    ], 4)
+                  ]),
+                  _: 1
+                }, 8, ["tab"])) : a("", !0),
+                h(E, {
+                  tab: e.i18nt("designer.hint.表单api配置"),
+                  key: "3"
+                }, {
+                  default: s(() => [
+                    P("div", {
+                      class: "ds-setting-scrollbar",
+                      style: w({ height: l.scrollerHeight })
+                    }, [
+                      h(M, {
+                        designer: n.designer,
+                        "form-config": n.formConfig
+                      }, null, 8, ["designer", "form-config"])
+                    ], 4)
+                  ]),
+                  _: 1
+                }, 8, ["tab"])
+              ]),
+              _: 1
+            }, 8, ["activeKey"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    h(A, {
+      eventHeader: l.eventHeader,
+      ref: "CodeModalEditorRef",
+      title: e.i18nt("designer.setting.editWidgetEventHandler"),
+      mode: "javascript",
+      readonly: !1,
+      onSetCode: t.saveEventHandler
+    }, null, 8, ["eventHeader", "title", "onSetCode"])
+  ], 64);
+}
+const se = /* @__PURE__ */ L(J, [["render", Q], ["__scopeId", "data-v-0302395b"]]);
+export {
+  se as default
+};

package/src/components/form-designer/setting-panel/option-items-setting.vue.js

@@ -0,0 +1,7 @@
+import t from "./option-items-setting.vue2.js";
+/* empty css                          */
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3a8c8131"]]);
+export {
+  a as default
+};

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js

@@ -0,0 +1,226 @@
+import { defineComponent as T, ref as $, resolveComponent as d, createElementBlock as g, openBlock as u, createBlock as b, createCommentVNode as _, createVNode as t, withCtx as n, unref as o, mergeProps as V, createElementVNode as m, createTextVNode as f, toDisplayString as h } from "vue";
+import O from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { useI18n as j } from "../../../utils/i18n.js";
+import { TpfCodeEditor as H } from "tmgc2-share";
+import { DragOutlined as U, DeleteOutlined as w, ImportOutlined as J, ReloadOutlined as q } from "@ant-design/icons-vue";
+const A = { class: "option-items-pane" }, F = {
+  class: "drag-option",
+  title: "拖动排序"
+}, K = {
+  class: "drag-option",
+  title: "拖动排序"
+}, L = ["onClick"], M = {
+  key: 2,
+  class: "full-width-input"
+}, Q = {
+  key: 3,
+  class: "full-width-input"
+}, X = {
+  key: 4,
+  class: "action-buttons"
+}, Y = {
+  key: 5,
+  class: "action-buttons"
+}, oe = /* @__PURE__ */ T({
+  __name: "option-items-setting",
+  props: {
+    designer: {},
+    selectedWidget: {}
+  },
+  setup(D) {
+    const k = $(), i = D, { i18nt: p } = j(), c = () => {
+      var e;
+      if ((e = i.designer) != null && e.formWidget) {
+        const s = i.designer.formWidget.getWidgetRef(
+          i.selectedWidget.options.name
+        );
+        s != null && s.refreshDefaultValue && s.refreshDefaultValue();
+      }
+    }, y = (e, s) => {
+      i.selectedWidget.options.optionItems.splice(s, 1);
+    }, I = () => {
+      const e = i.selectedWidget.options.optionItems.length + 1;
+      i.selectedWidget.options.optionItems.push({
+        value: e,
+        label: "new option"
+      });
+    }, C = () => {
+      i.selectedWidget.type === "checkbox" || i.selectedWidget.type === "select" && i.selectedWidget.options.multiple ? i.selectedWidget.options.defaultValue = [] : i.selectedWidget.options.defaultValue = "", c();
+    }, z = () => {
+      k.value.open(i.selectedWidget.options.optionItems);
+    }, E = (e) => {
+      i.selectedWidget.options.optionItems = JSON.parse(e);
+    };
+    return (e, s) => {
+      const v = d("a-input"), r = d("a-button"), S = d("a-radio"), N = d("a-radio-group"), R = d("a-checkbox"), B = d("a-checkbox-group"), P = d("a-cascader"), G = d("a-tree-select");
+      return u(), g("div", A, [
+        e.selectedWidget.type === "radio" || e.selectedWidget.type === "select" && ["combobox"].includes(e.selectedWidget.options.mode || "") ? (u(), b(N, {
+          key: 0,
+          value: e.selectedWidget.options.defaultValue,
+          "onUpdate:value": s[0] || (s[0] = (l) => e.selectedWidget.options.defaultValue = l),
+          onChange: c,
+          class: "option-group"
+        }, {
+          default: n(() => [
+            t(o(O), V({
+              tag: "ul",
+              list: e.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: n(({ element: l, index: W }) => [
+                m("li", null, [
+                  t(S, {
+                    value: l.value
+                  }, {
+                    default: n(() => [
+                      m("span", F, [
+                        t(o(U))
+                      ]),
+                      t(v, {
+                        value: l.value,
+                        "onUpdate:value": (a) => l.value = a,
+                        size: "small",
+                        style: { width: "80px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      t(v, {
+                        value: l.label,
+                        "onUpdate:value": (a) => l.label = a,
+                        size: "small",
+                        style: { width: "80px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      t(r, {
+                        size: "small",
+                        onClick: (a) => y(l, W)
+                      }, {
+                        default: n(() => [
+                          t(o(w))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : e.selectedWidget.type === "checkbox" || e.selectedWidget.type === "select" && ["multiple", "tags"].includes(e.selectedWidget.options.mode || "") ? (u(), b(B, {
+          key: 1,
+          value: e.selectedWidget.options.defaultValue,
+          "onUpdate:value": s[1] || (s[1] = (l) => e.selectedWidget.options.defaultValue = l),
+          onChange: c,
+          style: { width: "100%" },
+          class: "option-group"
+        }, {
+          default: n(() => [
+            t(o(O), V({
+              tag: "ul",
+              list: e.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: n(({ element: l, index: W }) => [
+                m("li", null, [
+                  m("span", K, [
+                    t(o(U))
+                  ]),
+                  t(R, {
+                    value: l.value
+                  }, {
+                    default: n(() => [
+                      t(v, {
+                        value: l.value,
+                        "onUpdate:value": (a) => l.value = a,
+                        size: "small",
+                        style: { width: "85px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      t(v, {
+                        value: l.label,
+                        "onUpdate:value": (a) => l.label = a,
+                        size: "small",
+                        style: { width: "95px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]),
+                  m("div", {
+                    size: "small",
+                    onClick: (a) => y(l, W)
+                  }, [
+                    t(o(w))
+                  ], 8, L)
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : e.selectedWidget.type === "cascader" ? (u(), g("div", M, [
+          t(P, {
+            value: e.selectedWidget.options.defaultValue,
+            "onUpdate:value": s[2] || (s[2] = (l) => e.selectedWidget.options.defaultValue = l),
+            multiple: e.selectedWidget.options.multiple,
+            options: e.selectedWidget.options.optionItems,
+            onChange: c,
+            placeholder: o(p)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "multiple", "options", "placeholder"])
+        ])) : e.selectedWidget.type === "treeSelect" ? (u(), g("div", Q, [
+          t(G, {
+            value: e.selectedWidget.options.defaultValue,
+            "onUpdate:value": s[3] || (s[3] = (l) => e.selectedWidget.options.defaultValue = l),
+            treeData: e.selectedWidget.options.optionItems,
+            onChange: c,
+            placeholder: o(p)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "treeData", "placeholder"])
+        ])) : _("", !0),
+        ["cascader", "treeSelect"].includes(e.selectedWidget.type) ? (u(), g("div", X, [
+          t(r, { onClick: z }, {
+            default: n(() => [
+              t(o(J)),
+              f(" " + h(o(p)("designer.setting.importOptions")), 1)
+            ]),
+            _: 1
+          }),
+          t(r, { onClick: C }, {
+            default: n(() => [
+              t(o(q)),
+              f(" " + h(o(p)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : _("", !0),
+        ["radio", "checkbox", "select"].includes(e.selectedWidget.type) ? (u(), g("div", Y, [
+          t(r, { onClick: I }, {
+            default: n(() => [
+              f(h(o(p)("designer.setting.addOption")), 1)
+            ]),
+            _: 1
+          }),
+          t(r, { onClick: C }, {
+            default: n(() => [
+              f(h(o(p)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : _("", !0),
+        t(o(H), {
+          isShowEventHeader: !1,
+          title: o(p)("designer.setting.importOptions"),
+          mode: "javascript",
+          readonly: !1,
+          ref_key: "codeEditorRef",
+          ref: k,
+          onSetCode: E
+        }, null, 8, ["title"])
+      ]);
+    };
+  }
+});
+export {
+  oe as default
+};

package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js

@@ -0,0 +1,49 @@
+import r from "../../../../utils/i18n.js";
+import { resolveComponent as l, createBlock as s, openBlock as d, withCtx as i, createVNode as m } from "vue";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "accept-editor",
+  componentName: "PropertyEditor",
+  mixins: [r],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      ops: [
+        { value: ".doc", label: ".doc" },
+        { value: ".docx", label: ".docx" },
+        { value: ".xlsx", label: ".xlsx" },
+        { value: ".xls", label: ".xls" },
+        { value: ".pdf", label: ".pdf" },
+        { value: ".pptx", label: ".pptx" },
+        { value: ".dwg", label: ".dwg" },
+        { value: ".jpg", label: ".jpg" },
+        { value: ".png", label: ".png" }
+      ]
+    };
+  }
+};
+function f(t, e, o, x, a, v) {
+  const n = l("a-select"), p = l("a-form-item");
+  return d(), s(p, {
+    label: t.i18nt("designer.setting.fileTypes")
+  }, {
+    default: i(() => [
+      m(n, {
+        value: o.optionModel.accept,
+        "onUpdate:value": e[0] || (e[0] = (c) => o.optionModel.accept = c),
+        allowClear: "",
+        mode: "tags",
+        options: a.ops
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const w = /* @__PURE__ */ u(b, [["render", f]]);
+export {
+  w as default
+};