@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index.js";
+const FormsDrag = withInstall(_sfc_main, "FormsDrag");
+export {
+  FormsDrag,
+  FormsDrag as default
+};

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

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const vuedraggable_umd = require("../../../_virtual/vuedraggable.umd.cjs");
+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");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+require("@fangzhongya/utils/basic/string/splitUpper");
+require("@fangzhongya/utils/basic/array/isArray");
+require("@fangzhongya/utils/basic/object/isObject");
+require("@fangzhongya/utils/basic/string/firstLower");
+require("@fangzhongya/utils/basic/object/hasOwn");
+require("@fangzhongya/utils/basic/string/firstUpper");
+require("@fangzhongya/utils/name/lineToLargeHump");
+require("@fangzhongya/utils/name/lineToSmallHump");
+require("@fangzhongya/utils/name/humpToLine");
+require("@fangzhongya/utils/basic/object/deepCopy");
+require("@fangzhongya/utils/basic/Array/toggleArray");
+require("@fangzhongya/utils/basic/object/objValue");
+require("../../../hooks/global-config/index.cjs");
+const index = 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 _hoisted_1 = ["onClick", "data-key"];
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: {
+    ...data.dataProps,
+    itemClass: {
+      type: String
+    },
+    index: {
+      type: Number
+    },
+    butDisabled: Boolean
+  },
+  emits: [
+    ...data.dataEmits,
+    "update:list",
+    "update:index",
+    "handle",
+    "adjust"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit();
+    const props = __props;
+    const emit = __emit;
+    const cs = index$1.useCssName("forms");
+    const refForm = require$$0.ref();
+    const {
+      buts,
+      styles,
+      dataRules,
+      onClickButs,
+      setStyles,
+      submitForm,
+      validateField,
+      resetFields,
+      closeForm,
+      dataForm
+    } = setup.setUp(props, emit, cs, refForm);
+    const refEl = require$$0.ref();
+    const drag = require$$0.ref(false);
+    const dragOptions = {
+      animation: 200,
+      group: "description",
+      disabled: false,
+      ghostClass: "ghost"
+    };
+    const list = require$$0.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 require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
+        class: [require$$0.unref(cs).z(), "drag"]
+      }, require$$0.unref(attrs).root), [
+        require$$0.createElementVNode("div", {
+          class: require$$0.normalizeClass([
+            require$$0.unref(cs).z("div"),
+            require$$0.unref(cs).zis("div", "inline", props.inline),
+            require$$0.unref(cs).zis("div", "box", props.inlineBox)
+          ]),
+          style: require$$0.normalizeStyle(require$$0.unref(styles))
+        }, [
+          require$$0.createVNode(require$$0.unref(elementPlus.ElForm), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+            class: [require$$0.unref(cs).z("el")],
+            model: require$$0.unref(dataForm),
+            disabled: props.disabled,
+            rules: require$$0.unref(dataRules),
+            "label-width": props.labelWidth,
+            onSubmit: _cache[3] || (_cache[3] = require$$0.withModifiers(() => {
+            }, ["prevent"])),
+            ref_key: "refForm",
+            ref: refForm
+          }), {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(require$$0.unref(vuedraggable_umd.default), require$$0.mergeProps(dragOptions, {
+                onStart,
+                onEnd,
+                modelValue: list.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
+                "item-key": (key) => key,
+                handle: ".handle"
+              }), {
+                header: require$$0.withCtx(() => [
+                  require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).header)
+                ]),
+                item: require$$0.withCtx(({ item, index: index2 }) => [
+                  require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
+                    class: require$$0.normalizeClass(["handle", [
+                      require$$0.unref(cs).z("li"),
+                      require$$0.unref(cs).is("div", item == null ? void 0 : item.isDiv),
+                      item.class,
+                      props.itemClass,
+                      require$$0.unref(cs).is("hover", props.index == index2)
+                    ]]),
+                    style: require$$0.normalizeStyle(require$$0.unref(setStyles)(item)),
+                    onClick: require$$0.withModifiers(($event) => onClickHandle(item, index2), ["stop"]),
+                    "data-key": index2
+                  }, [
+                    (item == null ? void 0 : item.isDiv) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.FormsDiv), {
+                      key: 0,
+                      listobj: item,
+                      optionss: props.options,
+                      valueobj: require$$0.unref(dataForm),
+                      modelValue: require$$0.unref(dataForm),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$0.isRef(dataForm) ? dataForm.value = $event : null)
+                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$4.FormsItem), {
+                      key: 1,
+                      listobj: item,
+                      optionss: props.options,
+                      valueobj: require$$0.unref(dataForm),
+                      modelValue: require$$0.unref(dataForm),
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$0.isRef(dataForm) ? dataForm.value = $event : null)
+                    }, null, 8, ["listobj", "optionss", "valueobj", "modelValue"]))
+                  ], 14, _hoisted_1)), [
+                    [require$$0.unref(index$5.default), {
+                      right: true,
+                      onChange: (obj, data2) => {
+                        onChangeAdjust(item, index2, obj, data2);
+                      }
+                    }],
+                    [require$$0.vShow, !require$$0.unref(use.useHide)(item, require$$0.unref(dataForm))]
+                  ])
+                ]),
+                footer: require$$0.withCtx(() => [
+                  require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).footer),
+                  require$$0.unref(buts) && require$$0.unref(buts).length > 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                    key: 0,
+                    class: require$$0.normalizeClass([require$$0.unref(cs).z("li"), require$$0.unref(cs).z("buts")])
+                  }, [
+                    require$$0.createVNode(require$$0.unref(elementPlus.ElFormItem), {
+                      "label-width": props.butLeft
+                    }, {
+                      default: require$$0.withCtx(() => [
+                        require$$0.createVNode(require$$0.unref(index$2.Buttons), {
+                          disabled: props.butDisabled,
+                          class: require$$0.normalizeClass(require$$0.unref(cs).z("buts-div")),
+                          onClicks: require$$0.unref(onClickButs),
+                          modelValue: require$$0.unref(buts)
+                        }, null, 8, ["disabled", "class", "onClicks", "modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["label-width"])
+                  ], 2)) : require$$0.createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 16, ["modelValue", "item-key"])
+            ]),
+            _: 3
+          }, 16, ["class", "model", "disabled", "rules", "label-width"])
+        ], 6)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;