@fangzhongya/fang-ui 0.0.58 → 0.0.60

package/dist/components/forms/src/setup.js

@@ -20,18 +20,18 @@ const Changes = [
   "Switch",
   "Cascader"
 ];
-function setUp(props, emit, cs, refForm) {
+function setUp(props, emit, cs, refForm, getLocale) {
   const buts = computed(() => {
     if (typeof props.buts == "undefined") {
       return [
         {
           _id: "2",
-          label: "关闭"
+          label: getLocale("close")
         },
         {
           _id: "1",
           type: "primary",
-          label: "确认"
+          label: getLocale("form.confirm")
         }
       ];
     } else {
@@ -116,7 +116,7 @@ function setUp(props, emit, cs, refForm) {
         }
         obj.config = obj.config ?? {};
         if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
-          obj.config.placeholder = (trigger == 1 ? "请输入" : "请选择") + obj.label;
+          obj.config.placeholder = (trigger == 1 ? getLocale("form.import") : getLocale("form.select")) + obj.label;
         }
         if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
           obj.config.clearable = true;
@@ -127,7 +127,13 @@ function setUp(props, emit, cs, refForm) {
           if (obj.rules) {
             rules[p] = obj.rules;
           } else if (obj.rule) {
-            rules[p] = getRule(trigger, obj, dataForm, refForm);
+            rules[p] = getRule(
+              trigger,
+              obj,
+              dataForm,
+              refForm,
+              getLocale
+            );
           } else {
             rules[p] = [];
           }

package/dist/components/forms/src/util.cjs

@@ -19,7 +19,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const judge__namespace = /* @__PURE__ */ _interopNamespaceDefault(judge);
-function getRule(trigger, obj, data, refForm) {
+function getRule(trigger, obj, data, refForm, getLocale) {
   var _a;
   const name = obj.label;
   let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
@@ -52,7 +52,8 @@ function getRule(trigger, obj, data, refForm) {
       break;
   }
   required = obj.required ?? required;
-  let inputPrompt = trigger == 1 ? "请输入" : "请选择";
+  let inputPrompt = trigger == 1 ? getLocale("form.import") : getLocale("form.select");
+  const verif = getLocale("form.verif");
   let validator = function(rule2, value, callback) {
     callback();
   };
@@ -82,7 +83,7 @@ function getRule(trigger, obj, data, refForm) {
         } else if (multiple && value.length == 0) {
           callback(new Error(inputPrompt + name));
         } else if (isJudgeFailed(value)) {
-          callback(new Error(name + "校验失败"));
+          callback(new Error(name + verif));
         } else {
           processCallback(
             callback,
@@ -98,7 +99,7 @@ function getRule(trigger, obj, data, refForm) {
         if (use.useHide(obj, data.value)) {
           callback();
         } else if (value && value !== 0 && isJudgeFailed(value)) {
-          callback(new Error(name + "校验失败"));
+          callback(new Error(name + verif));
         } else {
           processCallback(
             callback,

package/dist/components/forms/src/util.d.ts

@@ -18,5 +18,5 @@ export type Rules = {
  * @param {any} refForm 表单引用
  * @returns {{ required: boolean, validator: Function, trigger: string }}
  */
-export declare function getRule(trigger: number, obj: ListObj, data: any, refForm: any): Rule;
+export declare function getRule(trigger: number, obj: ListObj, data: any, refForm: any, getLocale: Function): Rule;
 export {};

package/dist/components/forms/src/util.js

@@ -1,6 +1,6 @@
 import { useHide } from "../../common/use.js";
 import * as judge from "@fangzhongya/utils/judge/judge";
-function getRule(trigger, obj, data, refForm) {
+function getRule(trigger, obj, data, refForm, getLocale) {
   var _a;
   const name = obj.label;
   let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
@@ -33,7 +33,8 @@ function getRule(trigger, obj, data, refForm) {
       break;
   }
   required = obj.required ?? required;
-  let inputPrompt = trigger == 1 ? "请输入" : "请选择";
+  let inputPrompt = trigger == 1 ? getLocale("form.import") : getLocale("form.select");
+  const verif = getLocale("form.verif");
   let validator = function(rule2, value, callback) {
     callback();
   };
@@ -63,7 +64,7 @@ function getRule(trigger, obj, data, refForm) {
         } else if (multiple && value.length == 0) {
           callback(new Error(inputPrompt + name));
         } else if (isJudgeFailed(value)) {
-          callback(new Error(name + "校验失败"));
+          callback(new Error(name + verif));
         } else {
           processCallback(
             callback,
@@ -79,7 +80,7 @@ function getRule(trigger, obj, data, refForm) {
         if (useHide(obj, data.value)) {
           callback();
         } else if (value && value !== 0 && isJudgeFailed(value)) {
-          callback(new Error(name + "校验失败"));
+          callback(new Error(name + verif));
         } else {
           processCallback(
             callback,

package/dist/components/forms-drag/src/index2.cjs

@@ -3,16 +3,16 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Draggable = require("vuedraggable");
 const data = require("../../forms/src/data.cjs");
-const index$3 = require("../../forms-div/index.cjs");
-const index$4 = require("../../forms-item/index.cjs");
-const index$2 = require("../../buttons/index.cjs");
-const elementPlus = require("element-plus");
-require("../../../hooks/index.cjs");
+const index$5 = require("../../forms-div/index.cjs");
+const index$6 = require("../../forms-item/index.cjs");
+const index$3 = require("element-plus/es/components/form/index");
+const index$4 = require("element-plus/es/components/button/index");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const setup = require("../../forms/src/setup.cjs");
-const index$5 = require("../../../directives/adjust/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$7 = require("../../../directives/adjust/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const _hoisted_1 = ["onClick", "data-key"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
@@ -39,10 +39,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit();
+    const { getLocale } = index.useLocale();
+    const slots = vue.useSlots();
+    const attrs = index$1.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
-    const cs = index$1.useCssName("forms");
+    const cs = index$2.useCssName("forms");
     const refForm = vue.ref();
     const {
       buts,
@@ -56,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       closeForm,
       dataForm,
       validate
-    } = setup.setUp(props, emit, cs, refForm);
+    } = setup.setUp(props, emit, cs, refForm, getLocale);
     const refEl = vue.ref();
     const drag = vue.ref(false);
     const dragOptions = {
@@ -65,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       disabled: false,
       ghostClass: "ghost"
     };
-    const list = vue.computed({
+    const lists = vue.computed({
       get() {
         return props.list;
       },
@@ -88,6 +90,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function onChangeAdjust(item, index2, obj, data2) {
       emit("adjust", item, index2, obj, data2);
     }
+    function setKey(value, index2) {
+      return [index2, value.label, value.prop, value.compon].join(",");
+    }
     __expose({
       el: refEl,
       dataForm,
@@ -100,103 +105,149 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl,
-        class: [vue.unref(cs).z(), "drag"]
+        class: [vue.unref(cs).z(), "drag"],
+        style: vue.unref(cs).vdo({
+          itemBottom: _ctx.itemBottom,
+          inlineRight: _ctx.inlineRight,
+          queryInterval: _ctx.queryInterval,
+          rowHeight: _ctx.rowHeight
+        })
       }, vue.unref(attrs).root), [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             vue.unref(cs).z("div"),
             vue.unref(cs).zis("div", "inline", props.inline),
-            vue.unref(cs).zis("div", "box", props.inlineBox)
+            vue.unref(cs).zis("div", "box", props.inlineBox),
+            vue.unref(cs).zis("div", "query", props.query),
+            vue.unref(cs).zis("div", "column", props.column > 1)
           ]),
           style: vue.normalizeStyle(vue.unref(styles))
         }, [
-          vue.createVNode(vue.unref(elementPlus.ElForm), vue.mergeProps(vue.unref(attrs).assem, {
-            class: [vue.unref(cs).z("el")],
+          (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElForm), vue.mergeProps(vue.unref(attrs).assem, {
+            key: props.list.length,
+            class: [vue.unref(cs).z("elf"), props.labelPosition],
             model: vue.unref(dataForm),
             disabled: props.disabled,
             rules: vue.unref(dataRules),
-            "label-width": props.labelWidth,
-            onSubmit: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-            }, ["prevent"])),
+            "label-width": props.labelPosition == "auto" ? "" : props.labelWidth,
+            "label-position": props.labelPosition == "auto" ? void 0 : props.labelPosition,
             ref_key: "refForm",
-            ref: refForm
+            ref: refForm,
+            onSubmit: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            }, ["prevent"]))
           }), {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(Draggable), vue.mergeProps(dragOptions, {
                 onStart,
                 onEnd,
-                modelValue: list.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+                modelValue: lists.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => lists.value = $event),
                 "item-key": (key) => key,
                 handle: ".handle"
               }), {
                 header: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header)
                 ]),
-                item: vue.withCtx(({ item, index: index2 }) => [
+                item: vue.withCtx(({ element, index: index2 }) => [
                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                     class: vue.normalizeClass(["handle", [
                       vue.unref(cs).z("li"),
-                      vue.unref(cs).is("div", item == null ? void 0 : item.isDiv),
-                      item.class,
+                      vue.unref(cs).is("div", element == null ? void 0 : element.isdiv),
+                      element == null ? void 0 : element.class,
                       props.itemClass,
                       vue.unref(cs).is("hover", props.index == index2)
                     ]]),
-                    style: vue.normalizeStyle(vue.unref(setStyles)(item)),
-                    onClick: vue.withModifiers(($event) => onClickHandle(item, index2), ["stop"]),
+                    style: vue.normalizeStyle(vue.unref(setStyles)(element)),
+                    onClick: vue.withModifiers(($event) => onClickHandle(element, index2), ["stop"]),
                     "data-key": index2
                   }, [
-                    (item == null ? void 0 : item.isDiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormsDiv), {
+                    (element == null ? void 0 : element.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.FormsDiv), {
                       key: 0,
-                      listobj: item,
+                      listobj: element,
                       optionss: props.options,
                       valueobj: vue.unref(dataForm),
                       modelValue: vue.unref(dataForm),
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
-                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.FormsItem), {
+                    }, vue.createSlots({ _: 2 }, [
+                      vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+                        return {
+                          name: k,
+                          fn: vue.withCtx((scope) => [
+                            vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$6.FormsItem), {
                       key: 1,
-                      listobj: item,
+                      listobj: element,
                       optionss: props.options,
                       valueobj: vue.unref(dataForm),
                       modelValue: vue.unref(dataForm),
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
-                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"]))
+                    }, vue.createSlots({ _: 2 }, [
+                      vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+                        return {
+                          name: k,
+                          fn: vue.withCtx((scope) => [
+                            vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"]))
                   ], 14, _hoisted_1)), [
-                    [vue.unref(index$5.default), {
+                    [vue.unref(index$7.default), {
                       right: true,
                       onChange: (obj, data2) => {
-                        onChangeAdjust(item, index2, obj, data2);
+                        onChangeAdjust(element, index2, obj, data2);
                       }
                     }],
-                    [vue.vShow, !vue.unref(use.useHide)(item, vue.unref(dataForm))]
+                    [vue.vShow, !vue.unref(use.useHide)(element, vue.unref(dataForm))]
                   ])
                 ]),
                 footer: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer),
                   vue.unref(buts) && vue.unref(buts).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: vue.normalizeClass([vue.unref(cs).z("li"), vue.unref(cs).z("buts")])
+                    class: vue.normalizeClass([vue.unref(cs).z("li"), vue.unref(cs).z("buts")]),
+                    style: vue.normalizeStyle(vue.unref(setStyles)({}))
                   }, [
-                    vue.createVNode(vue.unref(elementPlus.ElFormItem), {
+                    vue.createVNode(vue.unref(index$3.ElFormItem), {
                       "label-width": props.butLeft
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(index$2.Buttons), {
-                          disabled: props.butDisabled,
-                          class: vue.normalizeClass(vue.unref(cs).z("buts-div")),
-                          onClicks: vue.unref(onClickButs),
-                          modelValue: vue.unref(buts)
-                        }, null, 8, ["disabled", "class", "onClicks", "modelValue"])
+                        vue.createElementVNode("div", {
+                          style: vue.normalizeStyle({
+                            height: props.butHeight ?? props.rowHeight
+                          }),
+                          class: vue.normalizeClass(vue.unref(cs).z("buts-div"))
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buts), (item, index2) => {
+                            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
+                              !vue.unref(use.useHide)(item, vue.unref(dataForm)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElButton), vue.mergeProps({
+                                key: 0,
+                                ref_for: true
+                              }, item, {
+                                disabled: item.disabled ?? props.disabled,
+                                onClick: vue.withModifiers(($event) => vue.unref(onClickButs)(item, index2, $event), ["stop"])
+                              }), {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                                ]),
+                                _: 2
+                              }, 1040, ["disabled", "onClick"])) : vue.createCommentVNode("", true)
+                            ], 64);
+                          }), 128))
+                        ], 6)
                       ]),
                       _: 1
                     }, 8, ["label-width"])
-                  ], 2)) : vue.createCommentVNode("", true)
+                  ], 6)) : vue.createCommentVNode("", true)
                 ]),
                 _: 3
               }, 16, ["modelValue", "item-key"])
             ]),
             _: 3
-          }, 16, ["class", "model", "disabled", "rules", "label-width"])
+          }, 16, ["class", "model", "disabled", "rules", "label-width", "label-position"]))
         ], 6)
       ], 16);
     };

package/dist/components/forms-drag/src/index2.js

@@ -1,16 +1,16 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass, createVNode, withModifiers, withCtx, renderSlot, createCommentVNode, withDirectives, createBlock, isRef, vShow } from "vue";
+import { defineComponent, useSlots, useAttrs, ref, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass, createBlock, withModifiers, withCtx, createVNode, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, isRef, createSlots, normalizeProps, guardReactiveProps, vShow } from "vue";
 import Draggable from "vuedraggable";
 import { dataSlot, dataEmits, dataProps } from "../../forms/src/data.js";
 import { FormsDiv } from "../../forms-div/index.js";
 import { FormsItem } from "../../forms-item/index.js";
-import { Buttons } from "../../buttons/index.js";
-import { ElForm, ElFormItem } from "element-plus";
-import "../../../hooks/index.js";
+import { ElForm, ElFormItem } from "element-plus/es/components/form/index";
+import { ElButton } from "element-plus/es/components/button/index";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
 import { useHide } from "../../common/use.js";
 import { setUp } from "../../forms/src/setup.js";
 import vAdjust from "../../../directives/adjust/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 const _hoisted_1 = ["onClick", "data-key"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -37,7 +37,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useInherit();
+    const { getLocale } = useLocale();
+    const slots = useSlots();
+    const attrs = useInherit(useAttrs());
     const props = __props;
     const emit = __emit;
     const cs = useCssName("forms");
@@ -54,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       closeForm,
       dataForm,
       validate
-    } = setUp(props, emit, cs, refForm);
+    } = setUp(props, emit, cs, refForm, getLocale);
     const refEl = ref();
     const drag = ref(false);
     const dragOptions = {
@@ -63,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled: false,
       ghostClass: "ghost"
     };
-    const list = computed({
+    const lists = computed({
       get() {
         return props.list;
       },
@@ -86,6 +88,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onChangeAdjust(item, index, obj, data) {
       emit("adjust", item, index, obj, data);
     }
+    function setKey(value, index) {
+      return [index, value.label, value.prop, value.compon].join(",");
+    }
     __expose({
       el: refEl,
       dataForm,
@@ -98,103 +103,149 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "refEl",
         ref: refEl,
-        class: [unref(cs).z(), "drag"]
+        class: [unref(cs).z(), "drag"],
+        style: unref(cs).vdo({
+          itemBottom: _ctx.itemBottom,
+          inlineRight: _ctx.inlineRight,
+          queryInterval: _ctx.queryInterval,
+          rowHeight: _ctx.rowHeight
+        })
       }, unref(attrs).root), [
         createElementVNode("div", {
           class: normalizeClass([
             unref(cs).z("div"),
             unref(cs).zis("div", "inline", props.inline),
-            unref(cs).zis("div", "box", props.inlineBox)
+            unref(cs).zis("div", "box", props.inlineBox),
+            unref(cs).zis("div", "query", props.query),
+            unref(cs).zis("div", "column", props.column > 1)
           ]),
           style: normalizeStyle(unref(styles))
         }, [
-          createVNode(unref(ElForm), mergeProps(unref(attrs).assem, {
-            class: [unref(cs).z("el")],
+          (openBlock(), createBlock(unref(ElForm), mergeProps(unref(attrs).assem, {
+            key: props.list.length,
+            class: [unref(cs).z("elf"), props.labelPosition],
             model: unref(dataForm),
             disabled: props.disabled,
             rules: unref(dataRules),
-            "label-width": props.labelWidth,
-            onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
-            }, ["prevent"])),
+            "label-width": props.labelPosition == "auto" ? "" : props.labelWidth,
+            "label-position": props.labelPosition == "auto" ? void 0 : props.labelPosition,
             ref_key: "refForm",
-            ref: refForm
+            ref: refForm,
+            onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
+            }, ["prevent"]))
           }), {
             default: withCtx(() => [
               createVNode(unref(Draggable), mergeProps(dragOptions, {
                 onStart,
                 onEnd,
-                modelValue: list.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+                modelValue: lists.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => lists.value = $event),
                 "item-key": (key) => key,
                 handle: ".handle"
               }), {
                 header: withCtx(() => [
                   renderSlot(_ctx.$slots, unref(dataSlot).header)
                 ]),
-                item: withCtx(({ item, index }) => [
+                item: withCtx(({ element, index }) => [
                   withDirectives((openBlock(), createElementBlock("div", {
                     class: normalizeClass(["handle", [
                       unref(cs).z("li"),
-                      unref(cs).is("div", item == null ? void 0 : item.isDiv),
-                      item.class,
+                      unref(cs).is("div", element == null ? void 0 : element.isdiv),
+                      element == null ? void 0 : element.class,
                       props.itemClass,
                       unref(cs).is("hover", props.index == index)
                     ]]),
-                    style: normalizeStyle(unref(setStyles)(item)),
-                    onClick: withModifiers(($event) => onClickHandle(item, index), ["stop"]),
+                    style: normalizeStyle(unref(setStyles)(element)),
+                    onClick: withModifiers(($event) => onClickHandle(element, index), ["stop"]),
                     "data-key": index
                   }, [
-                    (item == null ? void 0 : item.isDiv) ? (openBlock(), createBlock(unref(FormsDiv), {
+                    (element == null ? void 0 : element.isdiv) ? (openBlock(), createBlock(unref(FormsDiv), {
                       key: 0,
-                      listobj: item,
+                      listobj: element,
                       optionss: props.options,
                       valueobj: unref(dataForm),
                       modelValue: unref(dataForm),
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
-                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"])) : (openBlock(), createBlock(unref(FormsItem), {
+                    }, createSlots({ _: 2 }, [
+                      renderList(Object.keys(unref(slots)), (k) => {
+                        return {
+                          name: k,
+                          fn: withCtx((scope) => [
+                            renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (openBlock(), createBlock(unref(FormsItem), {
                       key: 1,
-                      listobj: item,
+                      listobj: element,
                       optionss: props.options,
                       valueobj: unref(dataForm),
                       modelValue: unref(dataForm),
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
-                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"]))
+                    }, createSlots({ _: 2 }, [
+                      renderList(Object.keys(unref(slots)), (k) => {
+                        return {
+                          name: k,
+                          fn: withCtx((scope) => [
+                            renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"]))
                   ], 14, _hoisted_1)), [
                     [unref(vAdjust), {
                       right: true,
                       onChange: (obj, data) => {
-                        onChangeAdjust(item, index, obj, data);
+                        onChangeAdjust(element, index, obj, data);
                       }
                     }],
-                    [vShow, !unref(useHide)(item, unref(dataForm))]
+                    [vShow, !unref(useHide)(element, unref(dataForm))]
                   ])
                 ]),
                 footer: withCtx(() => [
                   renderSlot(_ctx.$slots, unref(dataSlot).footer),
                   unref(buts) && unref(buts).length > 0 ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    class: normalizeClass([unref(cs).z("li"), unref(cs).z("buts")])
+                    class: normalizeClass([unref(cs).z("li"), unref(cs).z("buts")]),
+                    style: normalizeStyle(unref(setStyles)({}))
                   }, [
                     createVNode(unref(ElFormItem), {
                       "label-width": props.butLeft
                     }, {
                       default: withCtx(() => [
-                        createVNode(unref(Buttons), {
-                          disabled: props.butDisabled,
-                          class: normalizeClass(unref(cs).z("buts-div")),
-                          onClicks: unref(onClickButs),
-                          modelValue: unref(buts)
-                        }, null, 8, ["disabled", "class", "onClicks", "modelValue"])
+                        createElementVNode("div", {
+                          style: normalizeStyle({
+                            height: props.butHeight ?? props.rowHeight
+                          }),
+                          class: normalizeClass(unref(cs).z("buts-div"))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(buts), (item, index) => {
+                            return openBlock(), createElementBlock(Fragment, { key: index }, [
+                              !unref(useHide)(item, unref(dataForm)) ? (openBlock(), createBlock(unref(ElButton), mergeProps({
+                                key: 0,
+                                ref_for: true
+                              }, item, {
+                                disabled: item.disabled ?? props.disabled,
+                                onClick: withModifiers(($event) => unref(onClickButs)(item, index, $event), ["stop"])
+                              }), {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(item.label), 1)
+                                ]),
+                                _: 2
+                              }, 1040, ["disabled", "onClick"])) : createCommentVNode("", true)
+                            ], 64);
+                          }), 128))
+                        ], 6)
                       ]),
                       _: 1
                     }, 8, ["label-width"])
-                  ], 2)) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
                 ]),
                 _: 3
               }, 16, ["modelValue", "item-key"])
             ]),
             _: 3
-          }, 16, ["class", "model", "disabled", "rules", "label-width"])
+          }, 16, ["class", "model", "disabled", "rules", "label-width", "label-position"]))
         ], 6)
       ], 16);
     };

package/dist/components/icon-picker/index.css

@@ -60,6 +60,7 @@
   cursor: pointer;
 }
 .icon-picker .icon-picker-dialog-list-item:hover {
+  background-color: #e5e5e5;
   color: var(--on-icon-picker);
 }
 .icon-picker .icon-picker-dialog-list-icon {

package/dist/components/icon-picker/index.scss

@@ -45,6 +45,7 @@ $icon-picker: 'icon-picker';
 				align-items: center;
 				cursor: pointer;
 				&:hover {
+					background-color: #e5e5e5;
 					color: var(#{vdm($icon-picker, 'on')});
 				}
 			}

package/dist/components/iframe/index.css

@@ -15,4 +15,8 @@
 .iframe {
   width: 100%;
   height: 100%;
+}
+.iframe > iframe {
+  width: 100%;
+  height: 100%;
 }