@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,4 +1,205 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+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 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 _hoisted_1 = ["onClick", "data-key"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: {
+    ...data.dataProps,
+    itemClass: {
+      type: String
+    },
+    index: {
+      type: Number
+    },
+    butDisabled: Boolean
+  },
+  emits: {
+    ...data.dataEmits,
+    "update:list": (e) => {
+    },
+    "update:index": (e) => {
+    },
+    handle: (a, b) => {
+    },
+    adjust: (a, b, c, d) => {
+    }
+  },
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit();
+    const props = __props;
+    const emit = __emit;
+    const cs = index$1.useCssName("forms");
+    const refForm = vue.ref();
+    const {
+      buts,
+      styles,
+      dataRules,
+      onClickButs,
+      setStyles,
+      submitForm,
+      validateField,
+      resetFields,
+      closeForm,
+      dataForm,
+      validate
+    } = setup.setUp(props, emit, cs, refForm);
+    const refEl = vue.ref();
+    const drag = vue.ref(false);
+    const dragOptions = {
+      animation: 200,
+      group: "description",
+      disabled: false,
+      ghostClass: "ghost"
+    };
+    const list = vue.computed({
+      get() {
+        return props.list;
+      },
+      set(value) {
+        emit("update:list", value);
+      }
+    });
+    function onEnd(obj) {
+      drag.value = false;
+      emit("update:index", obj.newIndex);
+    }
+    function onStart(obj) {
+      drag.value = true;
+      emit("update:index", obj.oldIndex);
+    }
+    function onClickHandle(item, index2) {
+      emit("update:index", index2);
+      emit("handle", item, index2);
+    }
+    function onChangeAdjust(item, index2, obj, data2) {
+      emit("adjust", item, index2, obj, data2);
+    }
+    __expose({
+      el: refEl,
+      dataForm,
+      closeForm,
+      submitForm,
+      resetFields,
+      validateField
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
+        class: [vue.unref(cs).z(), "drag"]
+      }, 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)
+          ]),
+          style: vue.normalizeStyle(vue.unref(styles))
+        }, [
+          vue.createVNode(vue.unref(elementPlus.ElForm), vue.mergeProps(vue.unref(attrs).assem, {
+            class: [vue.unref(cs).z("el")],
+            model: vue.unref(dataForm),
+            disabled: props.disabled,
+            rules: vue.unref(dataRules),
+            "label-width": props.labelWidth,
+            onSubmit: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+            }, ["prevent"])),
+            ref_key: "refForm",
+            ref: refForm
+          }), {
+            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),
+                "item-key": (key) => key,
+                handle: ".handle"
+              }), {
+                header: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header)
+                ]),
+                item: vue.withCtx(({ item, index: index2 }) => [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                    class: vue.normalizeClass(["handle", [
+                      vue.unref(cs).z("li"),
+                      vue.unref(cs).is("div", item?.isDiv),
+                      item.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"]),
+                    "data-key": index2
+                  }, [
+                    item?.isDiv ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormsDiv), {
+                      key: 0,
+                      listobj: item,
+                      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), {
+                      key: 1,
+                      listobj: item,
+                      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"]))
+                  ], 14, _hoisted_1)), [
+                    [vue.unref(index$5.default), {
+                      right: true,
+                      onChange: (obj, data2) => {
+                        onChangeAdjust(item, index2, obj, data2);
+                      }
+                    }],
+                    [vue.vShow, !vue.unref(use.useHide)(item, 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")])
+                  }, [
+                    vue.createVNode(vue.unref(elementPlus.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"])
+                      ]),
+                      _: 1
+                    }, 8, ["label-width"])
+                  ], 2)) : vue.createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 16, ["modelValue", "item-key"])
+            ]),
+            _: 3
+          }, 16, ["class", "model", "disabled", "rules", "label-width"])
+        ], 6)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,205 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass, createVNode, withModifiers, withCtx, renderSlot, createCommentVNode, withDirectives, createBlock, isRef, 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 { 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";
+const _hoisted_1 = ["onClick", "data-key"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: {
+    ...dataProps,
+    itemClass: {
+      type: String
+    },
+    index: {
+      type: Number
+    },
+    butDisabled: Boolean
+  },
+  emits: {
+    ...dataEmits,
+    "update:list": (e) => {
+    },
+    "update:index": (e) => {
+    },
+    handle: (a, b) => {
+    },
+    adjust: (a, b, c, d) => {
+    }
+  },
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useInherit();
+    const props = __props;
+    const emit = __emit;
+    const cs = useCssName("forms");
+    const refForm = ref();
+    const {
+      buts,
+      styles,
+      dataRules,
+      onClickButs,
+      setStyles,
+      submitForm,
+      validateField,
+      resetFields,
+      closeForm,
+      dataForm,
+      validate
+    } = setUp(props, emit, cs, refForm);
+    const refEl = ref();
+    const drag = ref(false);
+    const dragOptions = {
+      animation: 200,
+      group: "description",
+      disabled: false,
+      ghostClass: "ghost"
+    };
+    const list = computed({
+      get() {
+        return props.list;
+      },
+      set(value) {
+        emit("update:list", value);
+      }
+    });
+    function onEnd(obj) {
+      drag.value = false;
+      emit("update:index", obj.newIndex);
+    }
+    function onStart(obj) {
+      drag.value = true;
+      emit("update:index", obj.oldIndex);
+    }
+    function onClickHandle(item, index) {
+      emit("update:index", index);
+      emit("handle", item, index);
+    }
+    function onChangeAdjust(item, index, obj, data) {
+      emit("adjust", item, index, obj, data);
+    }
+    __expose({
+      el: refEl,
+      dataForm,
+      closeForm,
+      submitForm,
+      resetFields,
+      validateField
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
+        class: [unref(cs).z(), "drag"]
+      }, 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)
+          ]),
+          style: normalizeStyle(unref(styles))
+        }, [
+          createVNode(unref(ElForm), mergeProps(unref(attrs).assem, {
+            class: [unref(cs).z("el")],
+            model: unref(dataForm),
+            disabled: props.disabled,
+            rules: unref(dataRules),
+            "label-width": props.labelWidth,
+            onSubmit: _cache[3] || (_cache[3] = withModifiers(() => {
+            }, ["prevent"])),
+            ref_key: "refForm",
+            ref: refForm
+          }), {
+            default: withCtx(() => [
+              createVNode(unref(Draggable), mergeProps(dragOptions, {
+                onStart,
+                onEnd,
+                modelValue: list.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+                "item-key": (key) => key,
+                handle: ".handle"
+              }), {
+                header: withCtx(() => [
+                  renderSlot(_ctx.$slots, unref(dataSlot).header)
+                ]),
+                item: withCtx(({ item, index }) => [
+                  withDirectives((openBlock(), createElementBlock("div", {
+                    class: normalizeClass(["handle", [
+                      unref(cs).z("li"),
+                      unref(cs).is("div", item?.isDiv),
+                      item.class,
+                      props.itemClass,
+                      unref(cs).is("hover", props.index == index)
+                    ]]),
+                    style: normalizeStyle(unref(setStyles)(item)),
+                    onClick: withModifiers(($event) => onClickHandle(item, index), ["stop"]),
+                    "data-key": index
+                  }, [
+                    item?.isDiv ? (openBlock(), createBlock(unref(FormsDiv), {
+                      key: 0,
+                      listobj: item,
+                      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), {
+                      key: 1,
+                      listobj: item,
+                      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"]))
+                  ], 14, _hoisted_1)), [
+                    [unref(vAdjust), {
+                      right: true,
+                      onChange: (obj, data) => {
+                        onChangeAdjust(item, index, obj, data);
+                      }
+                    }],
+                    [vShow, !unref(useHide)(item, 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")])
+                  }, [
+                    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"])
+                      ]),
+                      _: 1
+                    }, 8, ["label-width"])
+                  ], 2)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 16, ["modelValue", "item-key"])
+            ]),
+            _: 3
+          }, 16, ["class", "model", "disabled", "rules", "label-width"])
+        ], 6)
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/forms-item/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const FormsItem = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "FormsItem");
 exports.FormsItem = FormsItem;
 exports.default = FormsItem;

package/dist/components/forms-item/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const FormsItem = withInstall(_sfc_main, "FormsItem");
 export {
   FormsItem,

package/dist/components/forms-item/src/data.cjs

@@ -35,7 +35,11 @@ const dataProps = {
   }
 };
 const dataEmits = ["update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = [];
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/forms-item/src/data.js

@@ -33,9 +33,13 @@ const dataProps = {
   }
 };
 const dataEmits = ["update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = [];
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/forms-item/src/index.cjs

@@ -1,126 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$3 = require("../../forms-div/index.cjs");
-const index$2 = require("element-plus/es/components/form/index");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const label = require("./label.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const slots = vue.useSlots();
-    const attrs = index.useInherit(vue.useAttrs());
-    const prs = __props;
-    const props = prs.listobj;
-    const emit = __emit;
-    const cs = index$1.useCssName("forms-item");
-    const form = vue.inject("forms-form", {});
-    const value = vue.computed({
-      get() {
-        return prs.modelValue;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    const itemProp = props.__prop ?? props.prop;
-    const rowHeight = vue.computed(() => {
-      return props.rowHeight ?? prs.rowHeight ?? form?.rowHeight;
-    });
-    function setLabelWidth(v) {
-      if (v.hideLabel ?? prs.hideLabel) {
-        return "0px";
-      } else {
-        return v.labelWidth ?? prs.labelWidth;
-      }
-    }
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: [vue.unref(cs).z()],
-        style: vue.unref(cs).vdo({
-          rowHeight: rowHeight.value
-        })
-      }, vue.unref(attrs).root), [
-        vue.unref(props).hideLabel ?? prs.hideLabel ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElFormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
-          class: [
-            vue.unref(cs).z("el-item"),
-            vue.unref(cs).is("height", rowHeight.value && vue.unref(form).labelPosition != "top"),
-            vue.unref(cs).is("top", rowHeight.value && vue.unref(form).labelPosition == "top")
-          ],
-          prop: vue.unref(itemProp),
-          required: vue.unref(props).required,
-          rules: vue.unref(props).rules,
-          "label-width": setLabelWidth(vue.unref(props))
-        }), {
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.FormsDiv), {
-              listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj,
-              modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-            }, 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"])
-          ]),
-          _: 3
-        }, 16, ["class", "prop", "required", "rules", "label-width"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElFormItem), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
-          class: [
-            vue.unref(cs).z("el-item"),
-            vue.unref(cs).is("height", rowHeight.value && vue.unref(form).labelPosition != "top"),
-            vue.unref(cs).is("top", rowHeight.value && vue.unref(form).labelPosition == "top")
-          ],
-          prop: vue.unref(itemProp),
-          required: vue.unref(props).required,
-          rules: vue.unref(props).rules,
-          "label-width": setLabelWidth(vue.unref(props))
-        }), {
-          label: vue.withCtx(() => [
-            vue.createVNode(vue.unref(label.default), {
-              value: value.value,
-              label: vue.unref(props).label,
-              listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj
-            }, null, 8, ["value", "label", "listobj", "optionss", "valueobj"])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.FormsDiv), {
-              listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj,
-              modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
-            }, 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"])
-          ]),
-          _: 3
-        }, 16, ["class", "prop", "required", "rules", "label-width"]))
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;