@kp-ui/lowcode 1.0.89 → 1.0.91

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

@@ -1,421 +1,8 @@
-import CodeEditor from "../../code-editor/index.vue.js";
-import i18n from "../../../utils/i18n.js";
-import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, mergeProps, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main from "./option-items-setting.vue2.js";
 /* empty css                          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "OptionItemsSetting",
-  mixins: [i18n],
-  components: {
-    CodeEditor,
-    Draggable: draggableComponent
-  },
-  props: {
-    designer: Object,
-    selectedWidget: Object
-  },
-  data() {
-    return {
-      showImportDialogFlag: false,
-      optionLines: "",
-      cascaderOptions: "",
-      showImportCascaderDialogFlag: false,
-      //separator: '||',
-      separator: ","
-    };
-  },
-  computed: {
-    optionModel() {
-      return this.selectedWidget.options;
-    }
-  },
-  watch: {
-    "selectedWidget.options": {
-      deep: true,
-      handler(val) {
-      }
-    }
-  },
-  methods: {
-    emitDefaultValueChange() {
-      if (!!this.designer && !!this.designer.formWidget) {
-        const fieldWidget = this.designer.formWidget.getWidgetRef(
-          this.selectedWidget.options.name
-        );
-        if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {
-          fieldWidget.refreshDefaultValue();
-        }
-      }
-    },
-    deleteOption(option, index) {
-      this.optionModel.optionItems.splice(index, 1);
-    },
-    addOption() {
-      const newValue = this.optionModel.optionItems.length + 1;
-      this.optionModel.optionItems.push({
-        value: newValue,
-        label: "new option"
-      });
-    },
-    importOptions() {
-      this.optionLines = "";
-      if (this.optionModel.optionItems.length > 0) {
-        this.optionModel.optionItems.forEach((opt) => {
-          if (opt.value === opt.label) {
-            this.optionLines += opt.value + "\n";
-          } else {
-            this.optionLines += opt.value + this.separator + opt.label + "\n";
-          }
-        });
-      }
-      this.showImportDialogFlag = true;
-    },
-    saveOptions() {
-      const lineArray = this.optionLines.split("\n");
-      if (lineArray.length > 0) {
-        this.optionModel.optionItems = [];
-        lineArray.forEach((optLine) => {
-          if (!!optLine && !!optLine.trim()) {
-            if (optLine.indexOf(this.separator) !== -1) {
-              this.optionModel.optionItems.push({
-                value: optLine.split(this.separator)[0],
-                label: optLine.split(this.separator)[1]
-              });
-            } else {
-              this.optionModel.optionItems.push({
-                value: optLine,
-                label: optLine
-              });
-            }
-          }
-        });
-      } else {
-        this.optionModel.optionItems = [];
-      }
-      this.showImportDialogFlag = false;
-    },
-    resetDefault() {
-      if (this.selectedWidget.type === "checkbox" || this.selectedWidget.type === "select" && this.selectedWidget.options.multiple) {
-        this.optionModel.defaultValue = [];
-      } else {
-        this.optionModel.defaultValue = "";
-      }
-      this.emitDefaultValueChange();
-    },
-    importCascaderOptions() {
-      this.cascaderOptions = JSON.stringify(this.optionModel.optionItems, null, "  ");
-      this.showImportCascaderDialogFlag = true;
-    },
-    saveCascaderOptions() {
-      try {
-        const newOptions = JSON.parse(this.cascaderOptions);
-        this.optionModel.optionItems = newOptions;
-        this.showImportCascaderDialogFlag = false;
-      } catch (ex) {
-        this.$message.error(
-          this.i18nt("designer.hint.invalidOptionsData") + ex.message
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "option-items-pane" };
-const _hoisted_2 = {
-  key: 2,
-  class: "full-width-input"
-};
-const _hoisted_3 = {
-  key: 3,
-  class: "full-width-input"
-};
-const _hoisted_4 = { key: 4 };
-const _hoisted_5 = { key: 5 };
-const _hoisted_6 = { class: "dialog-footer" };
-const _hoisted_7 = { class: "dialog-footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_input = resolveComponent("a-input");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_radio = resolveComponent("a-radio");
-  const _component_draggable = resolveComponent("draggable");
-  const _component_a_radio_group = resolveComponent("a-radio-group");
-  const _component_a_checkbox = resolveComponent("a-checkbox");
-  const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
-  const _component_a_cascader = resolveComponent("a-cascader");
-  const _component_a_tree_select = resolveComponent("a-tree-select");
-  const _component_a_textarea = resolveComponent("a-textarea");
-  const _component_a_form_item = resolveComponent("a-form-item");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_code_editor = resolveComponent("code-editor");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "select" && ["combobox"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_radio_group, {
-      key: 0,
-      value: $options.optionModel.defaultValue,
-      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $options.optionModel.defaultValue = $event),
-      onChange: $options.emitDefaultValueChange
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_draggable, mergeProps({
-          tag: "ul",
-          list: $options.optionModel.optionItems,
-          "item-key": "id"
-        }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-          item: withCtx(({ element: option, index: idx }) => [
-            createElementVNode("li", null, [
-              createVNode(_component_a_radio, {
-                value: option.value
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: option.value,
-                    "onUpdate:value": ($event) => option.value = $event,
-                    size: "small",
-                    style: { "width": "60px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  createVNode(_component_a_input, {
-                    value: option.label,
-                    "onUpdate:value": ($event) => option.label = $event,
-                    size: "small",
-                    style: { "width": "70px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[11] || (_cache[11] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
-                  createVNode(_component_a_button, {
-                    size: "small",
-                    type: "danger",
-                    onClick: ($event) => $options.deleteOption(option, idx)
-                  }, {
-                    default: withCtx(() => _cache[10] || (_cache[10] = [
-                      createTextVNode(" 删除 ")
-                    ])),
-                    _: 2,
-                    __: [10]
-                  }, 1032, ["onClick"])
-                ]),
-                _: 2,
-                __: [11]
-              }, 1032, ["value"])
-            ])
-          ]),
-          _: 1
-        }, 16, ["list"])
-      ]),
-      _: 1
-    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "checkbox" || $props.selectedWidget.type === "select" && ["multiple", "tags"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_checkbox_group, {
-      key: 1,
-      value: $options.optionModel.defaultValue,
-      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $options.optionModel.defaultValue = $event),
-      onChange: $options.emitDefaultValueChange,
-      style: { "width": "100%" }
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_draggable, mergeProps({
-          tag: "ul",
-          list: $options.optionModel.optionItems,
-          "item-key": "id"
-        }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-          item: withCtx(({ element: option, index: idx }) => [
-            createElementVNode("li", null, [
-              createVNode(_component_a_checkbox, {
-                value: option.value
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: option.value,
-                    "onUpdate:value": ($event) => option.value = $event,
-                    size: "small",
-                    style: { "width": "60px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  createVNode(_component_a_input, {
-                    value: option.label,
-                    "onUpdate:value": ($event) => option.label = $event,
-                    size: "small",
-                    style: { "width": "80px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[13] || (_cache[13] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
-                  createVNode(_component_a_button, {
-                    size: "small",
-                    type: "danger",
-                    onClick: ($event) => $options.deleteOption(option, idx)
-                  }, {
-                    default: withCtx(() => _cache[12] || (_cache[12] = [
-                      createTextVNode(" 删除 ")
-                    ])),
-                    _: 2,
-                    __: [12]
-                  }, 1032, ["onClick"])
-                ]),
-                _: 2,
-                __: [13]
-              }, 1032, ["value"])
-            ])
-          ]),
-          _: 1
-        }, 16, ["list"])
-      ]),
-      _: 1
-    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createVNode(_component_a_cascader, {
-        value: $options.optionModel.defaultValue,
-        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $options.optionModel.defaultValue = $event),
-        multiple: $options.optionModel.multiple,
-        options: $options.optionModel.optionItems,
-        onChange: $options.emitDefaultValueChange,
-        placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
-      }, null, 8, ["value", "multiple", "options", "onChange", "placeholder"])
-    ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      createVNode(_component_a_tree_select, {
-        value: $options.optionModel.defaultValue,
-        "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $options.optionModel.defaultValue = $event),
-        treeData: $options.optionModel.optionItems,
-        onChange: $options.emitDefaultValueChange,
-        placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
-      }, null, 8, ["value", "treeData", "onChange", "placeholder"])
-    ])) : createCommentVNode("", true),
-    ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.importCascaderOptions
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.resetDefault
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ])) : createCommentVNode("", true),
-    ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.addOption
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOption")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.importOptions
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.resetDefault
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ])) : createCommentVNode("", true),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.setting.importOptions"),
-      visible: $data.showImportDialogFlag,
-      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => $data.showImportDialogFlag = $event),
-      "show-close": true,
-      "custom-class": "drag-dialog small-padding-dialog",
-      "append-to-body": "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
-          createVNode(_component_a_button, {
-            size: "large",
-            type: "primary",
-            onClick: $options.saveOptions
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            size: "large",
-            onClick: _cache[5] || (_cache[5] = ($event) => $data.showImportDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_a_form_item, null, {
-          default: withCtx(() => [
-            createVNode(_component_a_textarea, {
-              type: "textarea",
-              rows: "10",
-              value: $data.optionLines,
-              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $data.optionLines = $event)
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.setting.importOptions"),
-      visible: $data.showImportCascaderDialogFlag,
-      "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.showImportCascaderDialogFlag = $event),
-      "show-close": true,
-      "custom-class": "drag-dialog small-padding-dialog",
-      "append-to-body": "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_7, [
-          createVNode(_component_a_button, {
-            size: "large",
-            type: "primary",
-            onClick: $options.saveCascaderOptions
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            size: "large",
-            onClick: _cache[8] || (_cache[8] = ($event) => $data.showImportCascaderDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_code_editor, {
-          modelValue: $data.cascaderOptions,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.cascaderOptions = $event),
-          mode: "json",
-          readonly: false
-        }, null, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"])
-  ]);
-}
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-66ac421e"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a8c8131"]]);
 export {
   OptionItemsSetting as default
 };
+//# sourceMappingURL=option-items-setting.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-items-setting.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,257 @@
+import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, unref, mergeProps, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { useI18n } from "../../../utils/i18n.js";
+import { TpfCodeEditor } from "tmgc2-share";
+import { DragOutlined, DeleteOutlined, ImportOutlined, ReloadOutlined } from "@ant-design/icons-vue";
+const _hoisted_1 = { class: "option-items-pane" };
+const _hoisted_2 = {
+  class: "drag-option",
+  title: "拖动排序"
+};
+const _hoisted_3 = {
+  class: "drag-option",
+  title: "拖动排序"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 2,
+  class: "full-width-input"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "full-width-input"
+};
+const _hoisted_7 = {
+  key: 4,
+  class: "action-buttons"
+};
+const _hoisted_8 = {
+  key: 5,
+  class: "action-buttons"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "option-items-setting",
+  props: {
+    designer: {},
+    selectedWidget: {}
+  },
+  setup(__props) {
+    const codeEditorRef = ref();
+    const props = __props;
+    const { i18nt } = useI18n();
+    const emitDefaultValueChange = () => {
+      var _a;
+      if ((_a = props.designer) == null ? void 0 : _a.formWidget) {
+        const fieldWidget = props.designer.formWidget.getWidgetRef(
+          props.selectedWidget.options.name
+        );
+        if (fieldWidget == null ? void 0 : fieldWidget.refreshDefaultValue) {
+          fieldWidget.refreshDefaultValue();
+        }
+      }
+    };
+    const deleteOption = (option, index) => {
+      props.selectedWidget.options.optionItems.splice(index, 1);
+    };
+    const addOption = () => {
+      const newValue = props.selectedWidget.options.optionItems.length + 1;
+      props.selectedWidget.options.optionItems.push({
+        value: newValue,
+        label: "new option"
+      });
+    };
+    const resetDefault = () => {
+      if (props.selectedWidget.type === "checkbox" || props.selectedWidget.type === "select" && props.selectedWidget.options.multiple) {
+        props.selectedWidget.options.defaultValue = [];
+      } else {
+        props.selectedWidget.options.defaultValue = "";
+      }
+      emitDefaultValueChange();
+    };
+    const importCascaderOptions = () => {
+      codeEditorRef.value.open(props.selectedWidget.options.optionItems);
+    };
+    const saveCascaderOptions = (value) => {
+      props.selectedWidget.options.optionItems = JSON.parse(value);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_input = resolveComponent("a-input");
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_radio = resolveComponent("a-radio");
+      const _component_a_radio_group = resolveComponent("a-radio-group");
+      const _component_a_checkbox = resolveComponent("a-checkbox");
+      const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+      const _component_a_cascader = resolveComponent("a-cascader");
+      const _component_a_tree_select = resolveComponent("a-tree-select");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.selectedWidget.type === "radio" || _ctx.selectedWidget.type === "select" && ["combobox"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_radio_group, {
+          key: 0,
+          value: _ctx.selectedWidget.options.defaultValue,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+          onChange: emitDefaultValueChange,
+          class: "option-group"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(draggableComponent), mergeProps({
+              tag: "ul",
+              list: _ctx.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: withCtx(({ element: option, index: idx }) => [
+                createElementVNode("li", null, [
+                  createVNode(_component_a_radio, {
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", _hoisted_2, [
+                        createVNode(unref(DragOutlined))
+                      ]),
+                      createVNode(_component_a_input, {
+                        value: option.value,
+                        "onUpdate:value": ($event) => option.value = $event,
+                        size: "small",
+                        style: { "width": "80px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_input, {
+                        value: option.label,
+                        "onUpdate:value": ($event) => option.label = $event,
+                        size: "small",
+                        style: { "width": "80px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_button, {
+                        size: "small",
+                        onClick: ($event) => deleteOption(option, idx)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(DeleteOutlined))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : _ctx.selectedWidget.type === "checkbox" || _ctx.selectedWidget.type === "select" && ["multiple", "tags"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_checkbox_group, {
+          key: 1,
+          value: _ctx.selectedWidget.options.defaultValue,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+          onChange: emitDefaultValueChange,
+          style: { "width": "100%" },
+          class: "option-group"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(draggableComponent), mergeProps({
+              tag: "ul",
+              list: _ctx.selectedWidget.options.optionItems,
+              "item-key": "id"
+            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: withCtx(({ element: option, index: idx }) => [
+                createElementVNode("li", null, [
+                  createElementVNode("span", _hoisted_3, [
+                    createVNode(unref(DragOutlined))
+                  ]),
+                  createVNode(_component_a_checkbox, {
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_input, {
+                        value: option.value,
+                        "onUpdate:value": ($event) => option.value = $event,
+                        size: "small",
+                        style: { "width": "85px" },
+                        placeholder: "值"
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      createVNode(_component_a_input, {
+                        value: option.label,
+                        "onUpdate:value": ($event) => option.label = $event,
+                        size: "small",
+                        style: { "width": "95px" },
+                        placeholder: "文本"
+                      }, null, 8, ["value", "onUpdate:value"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]),
+                  createElementVNode("div", {
+                    size: "small",
+                    onClick: ($event) => deleteOption(option, idx)
+                  }, [
+                    createVNode(unref(DeleteOutlined))
+                  ], 8, _hoisted_4)
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"])) : _ctx.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(_component_a_cascader, {
+            value: _ctx.selectedWidget.options.defaultValue,
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+            multiple: _ctx.selectedWidget.options.multiple,
+            options: _ctx.selectedWidget.options.optionItems,
+            onChange: emitDefaultValueChange,
+            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "multiple", "options", "placeholder"])
+        ])) : _ctx.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_component_a_tree_select, {
+            value: _ctx.selectedWidget.options.defaultValue,
+            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
+            treeData: _ctx.selectedWidget.options.optionItems,
+            onChange: emitDefaultValueChange,
+            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "treeData", "placeholder"])
+        ])) : createCommentVNode("", true),
+        ["cascader", "treeSelect"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(_component_a_button, { onClick: importCascaderOptions }, {
+            default: withCtx(() => [
+              createVNode(unref(ImportOutlined)),
+              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.importOptions")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, { onClick: resetDefault }, {
+            default: withCtx(() => [
+              createVNode(unref(ReloadOutlined)),
+              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        ["radio", "checkbox", "select"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createVNode(_component_a_button, { onClick: addOption }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addOption")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, { onClick: resetDefault }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createVNode(unref(TpfCodeEditor), {
+          isShowEventHeader: false,
+          title: unref(i18nt)("designer.setting.importOptions"),
+          mode: "javascript",
+          readonly: false,
+          ref_key: "codeEditorRef",
+          ref: codeEditorRef,
+          onSetCode: saveCascaderOptions
+        }, null, 8, ["title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=option-items-setting.vue2.js.map