ll-plus 2.3.2 → 2.3.3

package/index.full.mjs

@@ -58228,6 +58228,10 @@ const keyValueProps = buildProps({
   disabledAdd: {
     type: Boolean,
     default: false
+  },
+  validate: {
+    type: Boolean,
+    default: false
   }
 });
 const keyValueEmits = {
@@ -58275,6 +58279,18 @@ const keyValueItemProps = buildProps({
   disabledDelete: {
     type: definePropType(Array)
   },
+  keyValueType: {
+    type: definePropType(String)
+  },
+  keyType: {
+    type: definePropType(Object)
+  },
+  keyTypes: {
+    type: definePropType(Array)
+  },
+  valueType: {
+    type: definePropType(Object)
+  },
   value: {
     type: definePropType(Object),
     default: () => ({
@@ -58308,26 +58324,19 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "key-value-item",
   props: keyValueItemProps,
   emits: keyValueItemEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const attrs = useAttrs();
     const bem = createNamespace("key-value");
     const innerValue = ref(props.value);
+    const form = ref();
     const getKeyType = computed(() => {
-      const option = attrs["key-type"] || {
-        type: "input",
-        placeholder: "\u8BF7\u8F93\u5165",
-        rule: typeRules || []
-      };
+      const option = props.keyType;
       return option;
     });
     const getValueType = computed(() => {
-      let option = attrs["value-type"] || {
-        type: "input",
-        placeholder: "\u8BF7\u8F93\u5165",
-        rule: []
-      };
+      let option = props.valueType;
       if (innerValue.value["key"] && !isEmpty(props.keyValueTypeDict)) {
         option = props.keyValueTypeDict[innerValue.value["key"]];
       }
@@ -58346,7 +58355,13 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
       emits("delete");
     };
     const handleChange = () => {
-      innerValue.value["value"] = "";
+      innerValue.value["value"] = null;
+    };
+    const validate = async () => {
+      return await form.value?.validate();
+    };
+    const resetFields = async () => {
+      return await form.value?.resetFields();
     };
     watch(
       innerValue,
@@ -58364,6 +58379,10 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
         deep: true
       }
     );
+    __expose({
+      validate,
+      resetFields
+    });
     return (_ctx, _cache) => {
       const _component_ll_select = resolveComponent("ll-select");
       const _component_ll_form_item = resolveComponent("ll-form-item");
@@ -58372,7 +58391,8 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
       const _component_a_popconfirm = resolveComponent("a-popconfirm");
       const _component_ll_form = resolveComponent("ll-form");
       return openBlock(), createBlock(_component_ll_form, {
-        ref: "form",
+        ref_key: "form",
+        ref: form,
         "form-columns": unref(formColumns),
         "form-data": props.value,
         "form-options": unref(formOptions)
@@ -58385,7 +58405,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).e("item"))
             },
             [
-              unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
+              props.keyValueType !== "single" ? (openBlock(), createElementBlock(
                 "div",
                 {
                   key: 0,
@@ -58397,16 +58417,16 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     "label-col": {
                       span: 24
                     },
-                    rules: getKeyType.value.role,
+                    rules: getValueType.value.rules || [],
                     name: "key"
                   }, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "key", {}, () => [
-                        !unref(isEmpty)(unref(attrs)["key-types"]) ? (openBlock(), createBlock(_component_ll_select, {
+                        !unref(isEmpty)(props.keyTypes) ? (openBlock(), createBlock(_component_ll_select, {
                           key: 0,
                           value: innerValue.value["key"],
                           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
-                          options: unref(attrs)["key-types"],
+                          options: props.keyTypes,
                           disabled: getKeyDisabled.value,
                           placeholder: "\u8BF7\u9009\u62E9",
                           "allow-clear": "",
@@ -58440,7 +58460,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                 2
                 /* CLASS */
               )) : createCommentVNode("v-if", true),
-              unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
+              props.keyValueType !== "single" ? (openBlock(), createElementBlock(
                 "div",
                 {
                   key: 1,
@@ -58468,7 +58488,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     "label-col": {
                       span: 24
                     },
-                    rule: getValueType.value.rule || {},
+                    rules: getValueType.value.rules || [],
                     name: "value"
                   }, {
                     default: withCtx(() => [
@@ -58495,7 +58515,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                     /* FORWARDED */
-                  }, 8, ["label", "rule"])
+                  }, 8, ["label", "rules"])
                 ],
                 2
                 /* CLASS */
@@ -58563,7 +58583,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "key-value",
   props: keyValueProps,
   emits: keyValueEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("key-value");
@@ -58577,7 +58597,16 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
       });
       return obj;
     });
-    const handleAddItem = () => {
+    const validate = async () => {
+      return Promise.all(keyValueItems.value.map((e) => e.validate()));
+    };
+    const resetFields = async () => {
+      return Promise.all(keyValueItems.value.map((e) => e.resetFields()));
+    };
+    const handleAddItem = async () => {
+      const valid = await validate();
+      if (props.validate && !valid)
+        return false;
       innerValue.value.push(getKeyValueItem());
       emits("add", {
         index: innerValue.value.length - 1,
@@ -58610,6 +58639,10 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
         deep: true
       }
     );
+    __expose({
+      validate,
+      resetFields
+    });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
@@ -69082,7 +69115,10 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
                                         createVNode(_component_a_checkbox, {
                                           checked: element.isCheck,
                                           onChange: (e) => {
-                                            handleColumnItemChange(e.target?.checked, element);
+                                            handleColumnItemChange(
+                                              e.target?.checked,
+                                              element
+                                            );
                                           }
                                         }, {
                                           default: withCtx(() => [
@@ -69241,6 +69277,13 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "expandedRow", normalizeProps(guardReactiveProps(slots)))
           ]),
           key: "0"
+        } : void 0,
+        _ctx.$slots.customFilterDropdown ? {
+          name: "customFilterDropdown",
+          fn: withCtx((slots) => [
+            renderSlot(_ctx.$slots, "customFilterDropdown", normalizeProps(guardReactiveProps(slots)))
+          ]),
+          key: "1"
         } : void 0
       ]), 1040, ["class", "columns", "data-source", "expanded-row-keys", "custom-row", "scroll", "onChange", "onExpandedRowsChange"]);
     };
@@ -69380,6 +69423,9 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
                         emptyText: withCtx(() => [
                           renderSlot(_ctx.$slots, "emptyText")
                         ]),
+                        customFilterDropdown: withCtx(() => [
+                          renderSlot(_ctx.$slots, "customFilterDropdown")
+                        ]),
                         _: 2
                         /* DYNAMIC */
                       }, [