widget.qw 1.0.61 → 1.0.63

package/build/style.css

@@ -840,21 +840,22 @@
 }
 .widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
-}.widget[data-v-4503cbfe] {
+}.widget[data-v-60c690c1] {
   background: #fff;
   box-sizing: border-box;
   height: 100%;
   text-align: left;
 }
-.widget .option[data-v-4503cbfe] {
+.option[data-v-60c690c1] {
   margin: 0 8px 8px 0;
   padding: 5px 5px;
-  border-radius: 4px;
-  background-color: rgb(217, 236, 255);
-  color: #409eff;
+  border-radius: 6px;
+  border: 2px solid #e1e1e1;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  color: #666;
   display: inline-block;
   position: relative;
 }
-[data-v-4503cbfe] .van-field__label {
+[data-v-60c690c1] .van-field__label {
   margin: auto;
 }

package/build/widget.qw.es.js

@@ -17187,7 +17187,7 @@ const _hoisted_5$8 = {
   class: "select-all-container"
 };
 const _hoisted_6$7 = /* @__PURE__ */ createTextVNode("\u5168\u9009");
-const _hoisted_7$6 = {
+const _hoisted_7$7 = {
   class: "checkbox-style"
 };
 const _sfc_main$n = {
@@ -17430,7 +17430,7 @@ const _sfc_main$n = {
         }, {
           default: withCtx(() => [_hoisted_6$7]),
           _: 1
-        }, 8, ["modelValue"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$6, [props.multiple ? (openBlock(), createBlock(_component_van_checkbox_group, {
+        }, 8, ["modelValue"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$7, [props.multiple ? (openBlock(), createBlock(_component_van_checkbox_group, {
           key: 0,
           modelValue: checkedValue.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => checkedValue.value = $event)
@@ -17577,7 +17577,7 @@ const _hoisted_5$7 = {
   class: "action-buttons"
 };
 const _hoisted_6$6 = /* @__PURE__ */ createTextVNode(" \u53D6\u6D88 ");
-const _hoisted_7$5 = /* @__PURE__ */ createTextVNode(" \u786E\u5B9A ");
+const _hoisted_7$6 = /* @__PURE__ */ createTextVNode(" \u786E\u5B9A ");
 const _hoisted_8$4 = {
   class: "scroll-container"
 };
@@ -17871,7 +17871,7 @@ const _sfc_main$l = {
           disabled: !tempSelectedDepartment.value,
           class: "confirm-btn"
         }, {
-          default: withCtx(() => [_hoisted_7$5]),
+          default: withCtx(() => [_hoisted_7$6]),
           _: 1
         }, 8, ["disabled"])])]), createVNode(_component_van_field, {
           "left-icon": "search",
@@ -17939,7 +17939,7 @@ const _hoisted_5$6 = {
 const _hoisted_6$5 = {
   class: "header-right"
 };
-const _hoisted_7$4 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
+const _hoisted_7$5 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
 const _hoisted_8$3 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_9$1 = {
   key: 0,
@@ -18334,7 +18334,7 @@ const _sfc_main$k = {
           onClick: handleClear,
           class: "cancel-btn"
         }, {
-          default: withCtx(() => [_hoisted_7$4]),
+          default: withCtx(() => [_hoisted_7$5]),
           _: 1
         }), createVNode(_component_van_button, {
           type: "primary",
@@ -18861,7 +18861,7 @@ const _hoisted_5$5 = {
   class: "header-right"
 };
 const _hoisted_6$4 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
-const _hoisted_7$3 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_7$4 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_8$2 = {
   class: "scroll-container"
 };
@@ -19149,7 +19149,7 @@ const _sfc_main$g = {
           onClick: confirmSelection,
           class: "confirm-btn"
         }, {
-          default: withCtx(() => [_hoisted_7$3]),
+          default: withCtx(() => [_hoisted_7$4]),
           _: 1
         })])]), createVNode(_component_van_search, {
           modelValue: searchValue.value,
@@ -19217,7 +19217,7 @@ const _hoisted_5$4 = {
   class: "header-right"
 };
 const _hoisted_6$3 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_7$2 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_7$3 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_8$1 = {
   class: "scroll-container"
 };
@@ -19421,7 +19421,7 @@ const _sfc_main$f = {
           onClick: onSubmit,
           class: "confirm-btn"
         }, {
-          default: withCtx(() => [_hoisted_7$2]),
+          default: withCtx(() => [_hoisted_7$3]),
           _: 1
         })])]), createVNode(_component_van_search, {
           modelValue: data2.keyword,
@@ -19734,7 +19734,7 @@ const _hoisted_5$3 = {
 const _hoisted_6$2 = {
   class: "user-jobs"
 };
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode(" \u6CE8\u9500 ");
+const _hoisted_7$2 = /* @__PURE__ */ createTextVNode(" \u6CE8\u9500 ");
 const _sfc_main$c = {
   __name: "UserProfile",
   props: {
@@ -19788,7 +19788,7 @@ const _sfc_main$c = {
         class: "logout-button",
         onClick: onLogout
       }, {
-        default: withCtx(() => [_hoisted_7$1]),
+        default: withCtx(() => [_hoisted_7$2]),
         _: 1
       })]);
     };
@@ -20457,7 +20457,7 @@ const _hoisted_5$1 = {
   class: "header-right"
 };
 const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_8 = {
   class: "scroll-container"
 };
@@ -20622,7 +20622,7 @@ const _sfc_main$3 = {
           onClick: onSubmit,
           class: "confirm-btn"
         }, {
-          default: withCtx(() => [_hoisted_7]),
+          default: withCtx(() => [_hoisted_7$1]),
           _: 1
         })])]), createVNode(_component_van_search, {
           modelValue: data2.keyword,
@@ -20946,26 +20946,30 @@ const _sfc_main$1 = {
   }
 };
 var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-4503cbfe] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n}\n.widget .option[data-v-4503cbfe] {\n  margin: 0 8px 8px 0;\n  padding: 5px 5px;\n  border-radius: 4px;\n  background-color: rgb(217, 236, 255);\n  color: #409eff;\n  display: inline-block;\n  position: relative;\n}\n[data-v-4503cbfe] .van-field__label {\n  margin: auto;\n}")();
+var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-60c690c1] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n}\n.option[data-v-60c690c1] {\n  margin: 0 8px 8px 0;\n  padding: 5px 5px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-60c690c1] .van-field__label {\n  margin: auto;\n}")();
 const _hoisted_1 = {
+  class: "widget-box"
+};
+const _hoisted_2 = {
+  key: 0,
   style: {
     "display": "flex",
     "align-items": "center"
   }
 };
-const _hoisted_2 = {
+const _hoisted_3 = {
   style: {
     "padding": "5px 5px"
   }
 };
-const _hoisted_3 = {
+const _hoisted_4 = {
   style: {
     "display": "flex",
     "flex-direction": "column",
     "cursor": "pointer"
   }
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   style: {
     "margin": "16px",
     "display": "flex",
@@ -20973,8 +20977,8 @@ const _hoisted_4 = {
     "justify-content": "center"
   }
 };
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
+const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _sfc_main = {
   __name: "ObjsEditor",
   props: {
@@ -21027,10 +21031,18 @@ const _sfc_main = {
     const data2 = reactive({
       inputValue: {},
       isShowInput: false,
-      selectIndex: -1
+      selectIndex: -1,
+      oldModelValue: []
     });
     const keys2 = Object.keys(props.schema);
     const visiableKeys = keys2.filter((k) => props.schema[k].auth != "gone");
+    watch(() => JSON.stringify(modelValue.value), (n, o) => {
+      data2.oldModelValue = JSON.parse(JSON.stringify(modelValue.value));
+    }, {
+      immediate: true
+    }, {
+      deep: true
+    });
     onMounted(() => {
       init();
     });
@@ -21097,14 +21109,17 @@ const _sfc_main = {
       }
     };
     const onEdit = (index) => {
-      data2.isShowInput = true;
       data2.selectIndex = index;
-      data2.inputValue = modelValue.value[data2.selectIndex];
+      data2.inputValue = JSON.parse(JSON.stringify(modelValue.value[data2.selectIndex]));
+      data2.isShowInput = true;
     };
     const onNewOption = () => {
-      data2.selectIndex = -1;
-      data2.inputValue = makeDefaultValue();
-      data2.isShowInput = true;
+      let oldModelValue = JSON.parse(JSON.stringify(modelValue.value));
+      modelValue.value = [...modelValue.value, makeDefaultValue()];
+      nextTick(() => {
+        data2.oldModelValue = oldModelValue;
+        onEdit(modelValue.value.length - 1);
+      });
     };
     const onInputConfirm = () => {
       let idx = modelValue.value.indexOf((item) => JSON.stringify(item) === JSON.stringify(data2.inputValue));
@@ -21115,19 +21130,20 @@ const _sfc_main = {
       if (!data2.inputValue) {
         data2.isShowInput = false;
         data2.inputValue = makeDefaultValue();
+        data2.selectIndex = -1;
+        modelValue.value = data2.oldModelValue;
         return;
       }
-      if (data2.selectIndex < 0) {
-        modelValue.value.push(data2.inputValue);
-      } else {
-        modelValue.value[data2.selectIndex] = data2.inputValue;
-      }
+      modelValue.value[data2.selectIndex] = data2.inputValue;
       data2.isShowInput = false;
       data2.inputValue = makeDefaultValue();
+      data2.selectIndex = -1;
     };
     const onInputCancel = () => {
       data2.isShowInput = false;
       data2.inputValue = makeDefaultValue();
+      data2.selectIndex = -1;
+      modelValue.value = data2.oldModelValue;
     };
     const onChangeOption = (key) => {
       var _a, _b;
@@ -21154,21 +21170,21 @@ const _sfc_main = {
         required: unref(isRequired),
         placeholder: props.placeholder
       }, {
-        input: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(modelValue), (item, index) => {
+        input: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(modelValue), (item, index) => {
           return openBlock(), createElementBlock("div", {
             class: "option",
             key: index
-          }, [createElementVNode("div", _hoisted_1, [createVNode(_component_van_icon, {
+          }, [index != data2.selectIndex ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_van_icon, {
             name: "arrow-left",
             onClick: withModifiers(($event) => onForward(index), ["stop"])
-          }, null, 8, ["onClick"]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(visiableKeys), (k, j) => {
+          }, null, 8, ["onClick"]), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(visiableKeys), (k, j) => {
             return openBlock(), createElementBlock("div", {
               key: j,
               style: {
                 "padding": "2px 2px"
               }
             }, toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1);
-          }), 128))]), createElementVNode("div", _hoisted_3, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (openBlock(), createBlock(_component_van_icon, {
+          }), 128))]), createElementVNode("div", _hoisted_4, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (openBlock(), createBlock(_component_van_icon, {
             key: 0,
             name: "edit",
             onClick: withModifiers(($event) => onEdit(index), ["stop"])
@@ -21182,93 +21198,89 @@ const _sfc_main = {
             key: 1,
             name: "cross",
             onClick: withModifiers(($event) => onDelete(index), ["stop"])
-          }, null, 8, ["onClick"])) : createCommentVNode("", true)])])]);
+          }, null, 8, ["onClick"])) : createCommentVNode("", true)])])) : createCommentVNode("", true), data2.isShowInput && index == data2.selectIndex ? (openBlock(), createBlock(_component_van_form, {
+            key: 1,
+            model: data2.inputValue
+          }, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(keys2), (key, i) => {
+              return withDirectives((openBlock(), createBlock(_component_van_field, {
+                key: i,
+                label: props.schema[key].label,
+                required: props.schema[key].auth === "required",
+                disabled: props.schema[key].auth === "readonly"
+              }, {
+                input: withCtx(() => {
+                  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+                  return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (openBlock(), createBlock(_component_van_field, {
+                    key: 0,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                    type: "text"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
+                    key: 1,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    modelModifiers: {
+                      number: true
+                    },
+                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                    type: "number"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
+                    key: 2,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
+                    key: 3,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    placeholder: "\u9009\u62E9\u65F6\u95F4"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
+                    key: 4,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
+                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                    columnsFieldNames: {
+                      text: (((_j = (_i = props.schema[key]) == null ? void 0 : _i.schema) == null ? void 0 : _j.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : "",
+                      value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
+                    },
+                    onSelect: ($event) => onChangeOption(key)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
+                    key: 5,
+                    modelValue: data2.inputValue[key],
+                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    schema: props.schema[key].schema
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
+                }),
+                _: 2
+              }, 1032, ["label", "required", "disabled"])), [[vShow, props.schema[key].auth != "gone"]]);
+            }), 128)), createElementVNode("div", _hoisted_5, [data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
+              key: 0,
+              onClick: onInputConfirm
+            }, {
+              default: withCtx(() => [_hoisted_6]),
+              _: 1
+            })) : createCommentVNode("", true), data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
+              key: 1,
+              onClick: onInputCancel
+            }, {
+              default: withCtx(() => [_hoisted_7]),
+              _: 1
+            })) : createCommentVNode("", true)])]),
+            _: 1
+          }, 8, ["model"])) : createCommentVNode("", true)]);
         }), 128)), !data2.isShowInput && props.auth != "readonly" && props.auth != "disabled" ? (openBlock(), createBlock(_component_van_icon, {
           key: 0,
           name: "plus",
           onClick: onNewOption
-        })) : createCommentVNode("", true), data2.isShowInput ? (openBlock(), createBlock(_component_van_form, {
-          key: 1,
-          model: data2.inputValue
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(keys2), (key, i) => {
-            return withDirectives((openBlock(), createBlock(_component_van_field, {
-              key: i,
-              label: props.schema[key].label,
-              required: props.schema[key].auth === "required",
-              disabled: props.schema[key].auth === "readonly"
-            }, {
-              input: withCtx(() => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-                return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (openBlock(), createBlock(_component_van_field, {
-                  key: 0,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                  placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                  type: "text"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
-                  key: 1,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                  modelModifiers: {
-                    number: true
-                  },
-                  placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                  type: "number"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
-                  key: 2,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
-                  key: 3,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                  placeholder: "\u9009\u62E9\u65F6\u95F4"
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
-                  key: 4,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                  options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
-                  placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                  columnsFieldNames: {
-                    text: (((_j = (_i = props.schema[key]) == null ? void 0 : _i.schema) == null ? void 0 : _j.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : "",
-                    value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
-                  },
-                  onSelect: ($event) => onChangeOption(key)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
-                  key: 5,
-                  modelValue: data2.inputValue[key],
-                  "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                  schema: props.schema[key].schema
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
-              }),
-              _: 2
-            }, 1032, ["label", "required", "disabled"])), [[vShow, props.schema[key].auth != "gone"]]);
-          }), 128)), createElementVNode("div", _hoisted_4, [data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
-            key: 0,
-            onClick: onInputConfirm,
-            type: "primary",
-            size: "mini"
-          }, {
-            default: withCtx(() => [_hoisted_5]),
-            _: 1
-          })) : createCommentVNode("", true), data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
-            key: 1,
-            onClick: onInputCancel,
-            type: "primary",
-            size: "mini"
-          }, {
-            default: withCtx(() => [_hoisted_6]),
-            _: 1
-          })) : createCommentVNode("", true)])]),
-          _: 1
-        }, 8, ["model"])) : createCommentVNode("", true)]),
+        })) : createCommentVNode("", true)])]),
         _: 1
       }, 8, ["label", "disabled", "required", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4503cbfe"]]);
+var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60c690c1"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -17190,7 +17190,7 @@ var __async = (__this, __arguments, generator) => {
     class: "select-all-container"
   };
   const _hoisted_6$7 = /* @__PURE__ */ vue.createTextVNode("\u5168\u9009");
-  const _hoisted_7$6 = {
+  const _hoisted_7$7 = {
     class: "checkbox-style"
   };
   const _sfc_main$n = {
@@ -17433,7 +17433,7 @@ var __async = (__this, __arguments, generator) => {
           }, {
             default: vue.withCtx(() => [_hoisted_6$7]),
             _: 1
-          }, 8, ["modelValue"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7$6, [props.multiple ? (vue.openBlock(), vue.createBlock(_component_van_checkbox_group, {
+          }, 8, ["modelValue"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7$7, [props.multiple ? (vue.openBlock(), vue.createBlock(_component_van_checkbox_group, {
             key: 0,
             modelValue: checkedValue.value,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => checkedValue.value = $event)
@@ -17580,7 +17580,7 @@ var __async = (__this, __arguments, generator) => {
     class: "action-buttons"
   };
   const _hoisted_6$6 = /* @__PURE__ */ vue.createTextVNode(" \u53D6\u6D88 ");
-  const _hoisted_7$5 = /* @__PURE__ */ vue.createTextVNode(" \u786E\u5B9A ");
+  const _hoisted_7$6 = /* @__PURE__ */ vue.createTextVNode(" \u786E\u5B9A ");
   const _hoisted_8$4 = {
     class: "scroll-container"
   };
@@ -17874,7 +17874,7 @@ var __async = (__this, __arguments, generator) => {
             disabled: !tempSelectedDepartment.value,
             class: "confirm-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_7$5]),
+            default: vue.withCtx(() => [_hoisted_7$6]),
             _: 1
           }, 8, ["disabled"])])]), vue.createVNode(_component_van_field, {
             "left-icon": "search",
@@ -17942,7 +17942,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_6$5 = {
     class: "header-right"
   };
-  const _hoisted_7$4 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
+  const _hoisted_7$5 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
   const _hoisted_8$3 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
   const _hoisted_9$1 = {
     key: 0,
@@ -18337,7 +18337,7 @@ var __async = (__this, __arguments, generator) => {
             onClick: handleClear,
             class: "cancel-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_7$4]),
+            default: vue.withCtx(() => [_hoisted_7$5]),
             _: 1
           }), vue.createVNode(_component_van_button, {
             type: "primary",
@@ -18864,7 +18864,7 @@ var __async = (__this, __arguments, generator) => {
     class: "header-right"
   };
   const _hoisted_6$4 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
-  const _hoisted_7$3 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
+  const _hoisted_7$4 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
   const _hoisted_8$2 = {
     class: "scroll-container"
   };
@@ -19152,7 +19152,7 @@ var __async = (__this, __arguments, generator) => {
             onClick: confirmSelection,
             class: "confirm-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_7$3]),
+            default: vue.withCtx(() => [_hoisted_7$4]),
             _: 1
           })])]), vue.createVNode(_component_van_search, {
             modelValue: searchValue.value,
@@ -19220,7 +19220,7 @@ var __async = (__this, __arguments, generator) => {
     class: "header-right"
   };
   const _hoisted_6$3 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
-  const _hoisted_7$2 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
+  const _hoisted_7$3 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
   const _hoisted_8$1 = {
     class: "scroll-container"
   };
@@ -19424,7 +19424,7 @@ var __async = (__this, __arguments, generator) => {
             onClick: onSubmit,
             class: "confirm-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_7$2]),
+            default: vue.withCtx(() => [_hoisted_7$3]),
             _: 1
           })])]), vue.createVNode(_component_van_search, {
             modelValue: data2.keyword,
@@ -19737,7 +19737,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_6$2 = {
     class: "user-jobs"
   };
-  const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode(" \u6CE8\u9500 ");
+  const _hoisted_7$2 = /* @__PURE__ */ vue.createTextVNode(" \u6CE8\u9500 ");
   const _sfc_main$c = {
     __name: "UserProfile",
     props: {
@@ -19791,7 +19791,7 @@ var __async = (__this, __arguments, generator) => {
           class: "logout-button",
           onClick: onLogout
         }, {
-          default: vue.withCtx(() => [_hoisted_7$1]),
+          default: vue.withCtx(() => [_hoisted_7$2]),
           _: 1
         })]);
       };
@@ -20460,7 +20460,7 @@ var __async = (__this, __arguments, generator) => {
     class: "header-right"
   };
   const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
-  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
+  const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
   const _hoisted_8 = {
     class: "scroll-container"
   };
@@ -20625,7 +20625,7 @@ var __async = (__this, __arguments, generator) => {
             onClick: onSubmit,
             class: "confirm-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_7]),
+            default: vue.withCtx(() => [_hoisted_7$1]),
             _: 1
           })])]), vue.createVNode(_component_van_search, {
             modelValue: data2.keyword,
@@ -20949,26 +20949,30 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-4503cbfe] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n}\n.widget .option[data-v-4503cbfe] {\n  margin: 0 8px 8px 0;\n  padding: 5px 5px;\n  border-radius: 4px;\n  background-color: rgb(217, 236, 255);\n  color: #409eff;\n  display: inline-block;\n  position: relative;\n}\n[data-v-4503cbfe] .van-field__label {\n  margin: auto;\n}")();
+  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-60c690c1] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n}\n.option[data-v-60c690c1] {\n  margin: 0 8px 8px 0;\n  padding: 5px 5px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-60c690c1] .van-field__label {\n  margin: auto;\n}")();
   const _hoisted_1 = {
+    class: "widget-box"
+  };
+  const _hoisted_2 = {
+    key: 0,
     style: {
       "display": "flex",
       "align-items": "center"
     }
   };
-  const _hoisted_2 = {
+  const _hoisted_3 = {
     style: {
       "padding": "5px 5px"
     }
   };
-  const _hoisted_3 = {
+  const _hoisted_4 = {
     style: {
       "display": "flex",
       "flex-direction": "column",
       "cursor": "pointer"
     }
   };
-  const _hoisted_4 = {
+  const _hoisted_5 = {
     style: {
       "margin": "16px",
       "display": "flex",
@@ -20976,8 +20980,8 @@ var __async = (__this, __arguments, generator) => {
       "justify-content": "center"
     }
   };
-  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode("\u4FDD\u5B58");
-  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
+  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u4FDD\u5B58");
+  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
   const _sfc_main = {
     __name: "ObjsEditor",
     props: {
@@ -21030,10 +21034,18 @@ var __async = (__this, __arguments, generator) => {
       const data2 = vue.reactive({
         inputValue: {},
         isShowInput: false,
-        selectIndex: -1
+        selectIndex: -1,
+        oldModelValue: []
       });
       const keys2 = Object.keys(props.schema);
       const visiableKeys = keys2.filter((k) => props.schema[k].auth != "gone");
+      vue.watch(() => JSON.stringify(modelValue.value), (n, o) => {
+        data2.oldModelValue = JSON.parse(JSON.stringify(modelValue.value));
+      }, {
+        immediate: true
+      }, {
+        deep: true
+      });
       vue.onMounted(() => {
         init();
       });
@@ -21100,14 +21112,17 @@ var __async = (__this, __arguments, generator) => {
         }
       };
       const onEdit = (index) => {
-        data2.isShowInput = true;
         data2.selectIndex = index;
-        data2.inputValue = modelValue.value[data2.selectIndex];
+        data2.inputValue = JSON.parse(JSON.stringify(modelValue.value[data2.selectIndex]));
+        data2.isShowInput = true;
       };
       const onNewOption = () => {
-        data2.selectIndex = -1;
-        data2.inputValue = makeDefaultValue();
-        data2.isShowInput = true;
+        let oldModelValue = JSON.parse(JSON.stringify(modelValue.value));
+        modelValue.value = [...modelValue.value, makeDefaultValue()];
+        vue.nextTick(() => {
+          data2.oldModelValue = oldModelValue;
+          onEdit(modelValue.value.length - 1);
+        });
       };
       const onInputConfirm = () => {
         let idx = modelValue.value.indexOf((item) => JSON.stringify(item) === JSON.stringify(data2.inputValue));
@@ -21118,19 +21133,20 @@ var __async = (__this, __arguments, generator) => {
         if (!data2.inputValue) {
           data2.isShowInput = false;
           data2.inputValue = makeDefaultValue();
+          data2.selectIndex = -1;
+          modelValue.value = data2.oldModelValue;
           return;
         }
-        if (data2.selectIndex < 0) {
-          modelValue.value.push(data2.inputValue);
-        } else {
-          modelValue.value[data2.selectIndex] = data2.inputValue;
-        }
+        modelValue.value[data2.selectIndex] = data2.inputValue;
         data2.isShowInput = false;
         data2.inputValue = makeDefaultValue();
+        data2.selectIndex = -1;
       };
       const onInputCancel = () => {
         data2.isShowInput = false;
         data2.inputValue = makeDefaultValue();
+        data2.selectIndex = -1;
+        modelValue.value = data2.oldModelValue;
       };
       const onChangeOption = (key) => {
         var _a, _b;
@@ -21157,21 +21173,21 @@ var __async = (__this, __arguments, generator) => {
           required: vue.unref(isRequired),
           placeholder: props.placeholder
         }, {
-          input: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(modelValue), (item, index) => {
+          input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(modelValue), (item, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "option",
               key: index
-            }, [vue.createElementVNode("div", _hoisted_1, [vue.createVNode(_component_van_icon, {
+            }, [index != data2.selectIndex ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [vue.createVNode(_component_van_icon, {
               name: "arrow-left",
               onClick: vue.withModifiers(($event) => onForward(index), ["stop"])
-            }, null, 8, ["onClick"]), vue.createElementVNode("div", _hoisted_2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(visiableKeys), (k, j) => {
+            }, null, 8, ["onClick"]), vue.createElementVNode("div", _hoisted_3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(visiableKeys), (k, j) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: j,
                 style: {
                   "padding": "2px 2px"
                 }
               }, vue.toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1);
-            }), 128))]), vue.createElementVNode("div", _hoisted_3, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+            }), 128))]), vue.createElementVNode("div", _hoisted_4, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
               key: 0,
               name: "edit",
               onClick: vue.withModifiers(($event) => onEdit(index), ["stop"])
@@ -21185,93 +21201,89 @@ var __async = (__this, __arguments, generator) => {
               key: 1,
               name: "cross",
               onClick: vue.withModifiers(($event) => onDelete(index), ["stop"])
-            }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)])])]);
+            }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)])])) : vue.createCommentVNode("", true), data2.isShowInput && index == data2.selectIndex ? (vue.openBlock(), vue.createBlock(_component_van_form, {
+              key: 1,
+              model: data2.inputValue
+            }, {
+              default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(keys2), (key, i) => {
+                return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_van_field, {
+                  key: i,
+                  label: props.schema[key].label,
+                  required: props.schema[key].auth === "required",
+                  disabled: props.schema[key].auth === "readonly"
+                }, {
+                  input: vue.withCtx(() => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+                    return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
+                      key: 0,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                      type: "text"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
+                      key: 1,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      modelModifiers: {
+                        number: true
+                      },
+                      placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                      type: "number"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
+                      key: 2,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                      key: 3,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      placeholder: "\u9009\u62E9\u65F6\u95F4"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
+                      key: 4,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
+                      placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
+                      columnsFieldNames: {
+                        text: (((_j = (_i = props.schema[key]) == null ? void 0 : _i.schema) == null ? void 0 : _j.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : "",
+                        value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
+                      },
+                      onSelect: ($event) => onChangeOption(key)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
+                      key: 5,
+                      modelValue: data2.inputValue[key],
+                      "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      schema: props.schema[key].schema
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
+                  }),
+                  _: 2
+                }, 1032, ["label", "required", "disabled"])), [[vue.vShow, props.schema[key].auth != "gone"]]);
+              }), 128)), vue.createElementVNode("div", _hoisted_5, [data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
+                key: 0,
+                onClick: onInputConfirm
+              }, {
+                default: vue.withCtx(() => [_hoisted_6]),
+                _: 1
+              })) : vue.createCommentVNode("", true), data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
+                key: 1,
+                onClick: onInputCancel
+              }, {
+                default: vue.withCtx(() => [_hoisted_7]),
+                _: 1
+              })) : vue.createCommentVNode("", true)])]),
+              _: 1
+            }, 8, ["model"])) : vue.createCommentVNode("", true)]);
           }), 128)), !data2.isShowInput && props.auth != "readonly" && props.auth != "disabled" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
             key: 0,
             name: "plus",
             onClick: onNewOption
-          })) : vue.createCommentVNode("", true), data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_form, {
-            key: 1,
-            model: data2.inputValue
-          }, {
-            default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(keys2), (key, i) => {
-              return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_van_field, {
-                key: i,
-                label: props.schema[key].label,
-                required: props.schema[key].auth === "required",
-                disabled: props.schema[key].auth === "readonly"
-              }, {
-                input: vue.withCtx(() => {
-                  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-                  return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
-                    key: 0,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                    type: "text"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
-                    key: 1,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                    modelModifiers: {
-                      number: true
-                    },
-                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                    type: "number"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
-                    key: 2,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
-                    key: 3,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                    placeholder: "\u9009\u62E9\u65F6\u95F4"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
-                    key: 4,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                    options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
-                    placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
-                    columnsFieldNames: {
-                      text: (((_j = (_i = props.schema[key]) == null ? void 0 : _i.schema) == null ? void 0 : _j.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : "",
-                      value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
-                    },
-                    onSelect: ($event) => onChangeOption(key)
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
-                    key: 5,
-                    modelValue: data2.inputValue[key],
-                    "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
-                    schema: props.schema[key].schema
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
-                }),
-                _: 2
-              }, 1032, ["label", "required", "disabled"])), [[vue.vShow, props.schema[key].auth != "gone"]]);
-            }), 128)), vue.createElementVNode("div", _hoisted_4, [data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
-              key: 0,
-              onClick: onInputConfirm,
-              type: "primary",
-              size: "mini"
-            }, {
-              default: vue.withCtx(() => [_hoisted_5]),
-              _: 1
-            })) : vue.createCommentVNode("", true), data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
-              key: 1,
-              onClick: onInputCancel,
-              type: "primary",
-              size: "mini"
-            }, {
-              default: vue.withCtx(() => [_hoisted_6]),
-              _: 1
-            })) : vue.createCommentVNode("", true)])]),
-            _: 1
-          }, 8, ["model"])) : vue.createCommentVNode("", true)]),
+          })) : vue.createCommentVNode("", true)])]),
           _: 1
         }, 8, ["label", "disabled", "required", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4503cbfe"]]);
+  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-60c690c1"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.61",
+  "version": "1.0.63",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/ObjsEditor.vue

@@ -2,69 +2,79 @@
     <van-field :label="props.label" v-if="!isGone" :disabled="isDisabled" :required="isRequired"
         :placeholder="props.placeholder">
         <template #input>
-            <div class="option" v-for="(item, index) in modelValue" :key="index">
-                <div style=" display: flex;align-items: center;">
-                    <van-icon name="arrow-left" @click.stop="onForward(index)" />
-                    <div style="padding: 5px 5px;">
-                        <div v-for="(k, j) in visiableKeys" :key="j" style="padding:2px 2px;">
-                            {{ `${key2name(k)}:${key2value(k, item)}` }}
+            <div class="widget-box">
+                <div class="option" v-for="(item, index) in modelValue" :key="index">
+                    <div v-if="index != data.selectIndex" style=" display: flex;align-items: center;">
+                        <van-icon name="arrow-left" @click.stop="onForward(index)" />
+                        <div style="padding: 5px 5px;">
+                            <div v-for="(k, j) in visiableKeys" :key="j" style="padding:2px 2px;">
+                                {{ `${key2name(k)}:${key2value(k, item)}` }}
+                            </div>
                         </div>
-                    </div>
 
-                    <div style="display: flex;flex-direction:column;cursor: pointer;">
-                        <van-icon name="edit" v-if="props.schema.auth != 'readonly' && props.auth!='readonly' && props.auth!='disabled'" @click.stop="onEdit(index)" />
+                        <div style="display: flex;flex-direction:column;cursor: pointer;">
+                            <van-icon name="edit"
+                                v-if="props.schema.auth != 'readonly' && props.auth != 'readonly' && props.auth != 'disabled'"
+                                @click.stop="onEdit(index)" />
 
-                        <van-icon name="arrow" @click.stop="onBack(index)" style="margin:8px 0" />
+                            <van-icon name="arrow" @click.stop="onBack(index)" style="margin:8px 0" />
 
-                        <van-icon name="cross" v-if="props.schema.auth != 'readonly' && props.auth!='readonly' && props.auth!='disabled'" @click.stop="onDelete(index)" />
+                            <van-icon name="cross"
+                                v-if="props.schema.auth != 'readonly' && props.auth != 'readonly' && props.auth != 'disabled'"
+                                @click.stop="onDelete(index)" />
+                        </div>
                     </div>
-                </div>
-            </div>
-
-            <van-icon name="plus" v-if="!data.isShowInput && props.auth!='readonly' && props.auth!='disabled'" @click="onNewOption" />
-
-            <van-form v-if="data.isShowInput" :model="data.inputValue">
-                <van-field v-for="(key, i) in keys" :key="i" :label="props.schema[key].label"
-                    v-show="props.schema[key].auth != 'gone'" :required="props.schema[key].auth === 'required'"
-                    :disabled="props.schema[key].auth === 'readonly'">
-
-                    <template #input>
-                        <van-field v-if="props.schema[key].type == 'String' && !props.schema[key]?.schema?.options"
-                            v-model="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`" type="text" />
-
-                        <van-field v-if="props.schema[key].type == 'Number' && !props.schema[key]?.schema?.options"
-                            v-model.number="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`" type="number" />
 
-                        <van-switch v-if="props.schema[key].type == 'Boolean'" v-model="data.inputValue[key]" />
-
-                        <DatetimePicker v-if="props.schema[key].type == 'Datetime'" v-model="data.inputValue[key]"
-                            placeholder="选择时间" />
-
-                        <DateSelector v-if="props.schema[key]?.schema?.options" v-model="data.inputValue[key]"
-                            :options="props.schema[key]?.schema?.options" :placeholder="`请输入${key2name(key)}`"
-                            :columnsFieldNames="{
-                                text: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : '',
-                                value: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ''
-                            }" @select="onChangeOption(key)" />
-
-                        <ObjsEditor v-if="props.schema[key].type == 'Array' && props.schema[key].auth != 'gone'"
-                            v-model="data.inputValue[key]" :schema="props.schema[key].schema" />
-                    </template>
-                </van-field>
-
-                <div style="margin: 16px; display: flex;align-items: center;justify-content: center;">
-                    <van-button v-if="data.isShowInput" @click="onInputConfirm" type="primary"
-                        size="mini">保存</van-button>
-                    <van-button v-if="data.isShowInput" @click="onInputCancel" type="primary"
-                        size="mini">取消</van-button>
+                    <van-form v-if="data.isShowInput && index == data.selectIndex" :model="data.inputValue">
+                        <van-field v-for="(key, i) in keys" :key="i" :label="props.schema[key].label"
+                            v-show="props.schema[key].auth != 'gone'" :required="props.schema[key].auth === 'required'"
+                            :disabled="props.schema[key].auth === 'readonly'">
+
+                            <template #input>
+                                <van-field
+                                    v-if="props.schema[key].type == 'String' && !props.schema[key]?.schema?.options"
+                                    v-model="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`" type="text" />
+
+                                <van-field
+                                    v-if="props.schema[key].type == 'Number' && !props.schema[key]?.schema?.options"
+                                    v-model.number="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`"
+                                    type="number" />
+
+                                <van-switch v-if="props.schema[key].type == 'Boolean'" v-model="data.inputValue[key]" />
+
+                                <DatetimePicker v-if="props.schema[key].type == 'Datetime'"
+                                    v-model="data.inputValue[key]" placeholder="选择时间" />
+
+                                <DateSelector v-if="props.schema[key]?.schema?.options" v-model="data.inputValue[key]"
+                                    :options="props.schema[key]?.schema?.options" :placeholder="`请输入${key2name(key)}`"
+                                    :columnsFieldNames="{
+                                        text: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : '',
+                                        value: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ''
+                                    }" @select="onChangeOption(key)" />
+
+                                <ObjsEditor v-if="props.schema[key].type == 'Array' && props.schema[key].auth != 'gone'"
+                                    v-model="data.inputValue[key]" :schema="props.schema[key].schema" />
+                            </template>
+                        </van-field>
+
+                        <div style="margin: 16px; display: flex;align-items: center;justify-content: center;">
+                            <van-button v-if="data.isShowInput" @click="onInputConfirm" 
+                                >保存</van-button>
+                            <van-button v-if="data.isShowInput" @click="onInputCancel" 
+                                >取消</van-button>
+                        </div>
+                    </van-form>
                 </div>
-            </van-form>
+
+                <van-icon name="plus" v-if="!data.isShowInput && props.auth != 'readonly' && props.auth != 'disabled'"
+                    @click="onNewOption" />
+            </div>
         </template>
     </van-field>
 </template>
 
 <script setup>
-import { nextTick, ref, onMounted, defineProps, defineEmits, reactive, computed } from 'vue'
+import { nextTick, ref, onMounted, defineProps, defineEmits, reactive, computed ,watch} from 'vue'
 import { useVModel } from '@vueuse/core'
 import util from '@/util'
 import DatetimePicker from './DatetimePicker/index.vue'
@@ -114,11 +124,20 @@ const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
 const data = reactive({
     inputValue: {},
     isShowInput: false,
-    selectIndex: -1
+    selectIndex: -1,
+    oldModelValue:[]
 })
 const keys = Object.keys(props.schema)
 const visiableKeys = keys.filter(k => props.schema[k].auth != 'gone')
 
+watch(()=>JSON.stringify(modelValue.value),(n,o)=>{
+    data.oldModelValue = JSON.parse(JSON.stringify(modelValue.value))
+},{
+    immediate:true
+},{
+    deep:true
+})
+
 onMounted(() => {
     init()
 })
@@ -207,15 +226,18 @@ const key2value = (key, item) => {
 }
 
 const onEdit = (index) => {
-    data.isShowInput = true
     data.selectIndex = index
-    data.inputValue = modelValue.value[data.selectIndex]
+    data.inputValue = JSON.parse(JSON.stringify(modelValue.value[data.selectIndex]))
+    data.isShowInput = true
 }
 
 const onNewOption = () => {
-    data.selectIndex = -1
-    data.inputValue = makeDefaultValue()
-    data.isShowInput = true
+    let oldModelValue = JSON.parse(JSON.stringify(modelValue.value))
+    modelValue.value = [...modelValue.value, makeDefaultValue()]
+    nextTick(()=>{
+        data.oldModelValue = oldModelValue
+        onEdit(modelValue.value.length - 1)
+    })
 }
 
 const onInputConfirm = () => {
@@ -228,22 +250,23 @@ const onInputConfirm = () => {
     if (!data.inputValue) {
         data.isShowInput = false
         data.inputValue = makeDefaultValue()
+        data.selectIndex = -1
+        modelValue.value = data.oldModelValue
         return
     }
 
-    if (data.selectIndex < 0) {
-        modelValue.value.push(data.inputValue)
-    } else {
-        modelValue.value[data.selectIndex] = data.inputValue
-    }
+    modelValue.value[data.selectIndex] = data.inputValue
 
     data.isShowInput = false
     data.inputValue = makeDefaultValue()
+    data.selectIndex = -1
 }
 
 const onInputCancel = () => {
     data.isShowInput = false
     data.inputValue = makeDefaultValue()
+    data.selectIndex = -1
+    modelValue.value = data.oldModelValue
 }
 
 const onChangeOption = (key) => {
@@ -266,17 +289,17 @@ const onChangeOption = (key) => {
     box-sizing: border-box;
     height: 100%;
     text-align: left;
+}
 
-    .option {
-        margin: 0 8px 8px 0;
-        padding: 5px 5px;
-        border-radius: 4px;
-        background-color: rgb(217, 236, 255);
-        color: #409eff;
-        display: inline-block;
-        position: relative;
-    }
-
+.option {
+    margin: 0 8px 8px 0;
+    padding: 5px 5px;
+    border-radius: 6px;
+    border: 2px solid #e1e1e1;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    color: #666;
+    display: inline-block;
+    position: relative;
 }
 
 :deep(.van-field__label) {