yc-pro-components 0.0.1

package/es/components/steps-form/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var StepsForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { StepsForm as default };

package/es/components/steps-form/src/index.vue2.mjs

@@ -0,0 +1,148 @@
+import { defineComponent, ref, watchEffect, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createSlots, renderSlot, normalizeProps, createCommentVNode } from 'vue';
+import { ElSteps, ElStep } from 'element-plus';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import 'sortablejs';
+import { PlusForm } from '../../form/index.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusStepsForm"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: 1 },
+    data: { default: () => [] },
+    submitText: { default: void 0 },
+    nextText: { default: void 0 },
+    preText: { default: void 0 }
+  },
+  emits: ["pre", "next", "submit", "update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const active = ref();
+    watchEffect(() => {
+      active.value = props.modelValue;
+    });
+    const currentIndex = computed(() => active.value - 1);
+    const slotName = computed(() => `step-${active.value}`);
+    const allValues = computed(
+      () => {
+        var _a;
+        return (_a = props.data) == null ? void 0 : _a.reduce((pre2, current) => {
+          var _a2;
+          return { ...pre2, ...(_a2 = current.form) == null ? void 0 : _a2.modelValue };
+        }, {});
+      }
+    );
+    const handleChange = (values, column) => {
+      emit("change", values, column);
+    };
+    const pre = () => {
+      if (active.value-- > props.data.length + 1) active.value = 1;
+      emit("update:modelValue", active.value);
+      emit("pre", active.value);
+    };
+    const next = (values) => {
+      const currentActive = active.value;
+      active.value = Math.min(currentActive + 1, props.data.length);
+      emit("update:modelValue", active.value);
+      emit("next", active.value, values, allValues.value);
+      if (currentActive === props.data.length && active.value === props.data.length) {
+        emit("submit", active.value, values, allValues.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["plus-steps-form", _ctx.$attrs.direction === "vertical" ? "plus-steps-from-vertical" : ""])
+        },
+        [
+          createVNode(unref(ElSteps), mergeProps({
+            active: active.value,
+            "finish-status": "success"
+          }, _ctx.$attrs), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.data, (item) => {
+                  return openBlock(), createBlock(
+                    unref(ElStep),
+                    mergeProps({
+                      key: item.title
+                    }, item),
+                    createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      _ctx.$slots.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "icon", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      _ctx.$slots.title ? {
+                        name: "title",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0,
+                      _ctx.$slots.description ? {
+                        name: "description",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "description", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "2"
+                      } : void 0
+                    ]),
+                    1040
+                    /* FULL_PROPS, DYNAMIC_SLOTS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["active"]),
+          createVNode(unref(PlusForm), mergeProps(_ctx.data[currentIndex.value].form, {
+            "has-reset": active.value !== 1,
+            "submit-text": active.value === _ctx.data.length ? _ctx.submitText || unref(t)("plus.stepsForm.submitText") : _ctx.nextText || unref(t)("plus.stepsForm.nextText"),
+            "reset-text": _ctx.preText || unref(t)("plus.stepsForm.preText"),
+            onSubmit: next,
+            onReset: pre,
+            onChange: handleChange
+          }), {
+            default: withCtx(() => [
+              _ctx.$slots[slotName.value] ? renderSlot(_ctx.$slots, slotName.value, normalizeProps(mergeProps({ key: 0 }, _ctx.data[currentIndex.value]))) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["has-reset", "submit-text", "reset-text"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/steps-form/src/type.d.ts

@@ -0,0 +1,14 @@
+import { PlusFormProps } from 'yc-components/es/components/form';
+import { Mutable } from 'yc-components/es/types';
+import { StepProps } from 'element-plus';
+
+export interface PlusStepFromRow {
+    title: Mutable<StepProps>['title'];
+    /**
+     * @version 0.1.22 变更为可选项
+     */
+    form?: PlusFormProps;
+    description?: Mutable<StepProps>['description'];
+    icon?: Mutable<StepProps>['icon'];
+    status?: Mutable<StepProps>['status'];
+}

package/es/components/steps-form/src/type.mjs

@@ -0,0 +1 @@
+

package/es/components/steps-form/style/css.d.ts

@@ -0,0 +1,4 @@
+import "element-plus/es/components/steps/style/css";
+import "element-plus/es/components/step/style/css";
+import "yc-components/es/components/form/style/css";
+import "yc-components/theme-chalk/plus-steps-form.css";

package/es/components/steps-form/style/css.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/steps/style/css.mjs';
+import 'element-plus/es/components/step/style/css.mjs';
+import 'yc-components/theme-chalk/plus-steps-form.css';

package/es/components/steps-form/style/index.d.ts

@@ -0,0 +1,4 @@
+import "element-plus/es/components/steps/style/index";
+import "element-plus/es/components/step/style/index";
+import "yc-components/es/components/form/style/index";
+import "yc-components/theme-chalk/src/steps-form.scss";

package/es/components/steps-form/style/index.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/steps/style/index.mjs';
+import 'element-plus/es/components/step/style/index.mjs';
+import 'yc-components/theme-chalk/src/steps-form.scss';