yc-pro-components 0.0.1

package/lib/components/steps-form/src/index.vue.d.ts

@@ -0,0 +1,125 @@
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { PlusFormProps } from 'yc-components/es/components/form';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, Component, ComputedOptions, MethodOptions, PropType } from 'vue';
+import { PlusStepFromRow } from './type';
+import { FieldValues, PlusColumn } from 'yc-components/es/types';
+
+export interface PlusStepsFormProps {
+    /**
+     *
+     * @version 0.1.14  变更为可选
+     */
+    modelValue?: number;
+    /**
+     * 数据
+     * @version 0.1.14  变更为可选
+     */
+    data?: PlusStepFromRow[];
+    /**
+     * 提交按钮文字
+     * @version 0.1.14
+     * @default 提交
+     */
+    submitText?: string;
+    /**
+     * 下一步按钮文字
+     * @version 0.1.14
+     * @default 下一步
+     */
+    nextText?: string;
+    /**
+     * 上一步按钮文字
+     * @version 0.1.14
+     * @default 上一步
+     */
+    preText?: string;
+}
+export interface PlusStepsFormEmits {
+    (e: 'pre', modelValue: number): void;
+    /**
+     * @version 0.1.23 新增参数  allValues
+     */
+    (e: 'next', modelValue: number, values: FieldValues, allValues: FieldValues): void;
+    /**
+     * @version 0.1.23
+     */
+    (e: 'submit', modelValue: number, values: FieldValues, allValues: FieldValues): void;
+    (e: 'update:modelValue', active: number): void;
+    (e: 'change', values: FieldValues, column: PlusColumn): void;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusStepsFormProps>, {
+    modelValue: number;
+    data: () => never[];
+    submitText: undefined;
+    nextText: undefined;
+    preText: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    pre: (modelValue: number) => void;
+    next: (modelValue: number, values: FieldValues, allValues: FieldValues) => void;
+    submit: (modelValue: number, values: FieldValues, allValues: FieldValues) => void;
+    "update:modelValue": (active: number) => void;
+    change: (values: FieldValues, column: PlusColumn) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusStepsFormProps>, {
+    modelValue: number;
+    data: () => never[];
+    submitText: undefined;
+    nextText: undefined;
+    preText: undefined;
+}>>> & {
+    onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
+    onSubmit?: ((modelValue: number, values: FieldValues, allValues: FieldValues) => any) | undefined;
+    "onUpdate:modelValue"?: ((active: number) => any) | undefined;
+    onPre?: ((modelValue: number) => any) | undefined;
+    onNext?: ((modelValue: number, values: FieldValues, allValues: FieldValues) => any) | undefined;
+}, {
+    data: PlusStepFromRow[];
+    nextText: string;
+    modelValue: number;
+    submitText: string;
+    preText: string;
+}, {}>, Partial<Record<string, (_: {
+    title: string;
+    form?: PlusFormProps | undefined;
+    description?: string | undefined;
+    icon?: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown> | undefined;
+    status?: EpPropMergeType<StringConstructor, "" | "success" | "error" | "wait" | "finish" | "process", unknown> | undefined;
+}) => any>> & {
+    icon?(_: {
+        icon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown> | undefined;
+        title: string;
+        description: string | undefined;
+    }): any;
+    title?(_: {
+        icon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown> | undefined;
+        title: string;
+        description: string | undefined;
+    }): any;
+    description?(_: {
+        icon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown> | undefined;
+        title: string;
+        description: string | undefined;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/steps-form/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var StepsForm = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = StepsForm;

package/lib/components/steps-form/src/index.vue2.js

@@ -0,0 +1,152 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var useLocale = require('../../../hooks/useLocale.js');
+require('sortablejs');
+var index = require('../../form/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.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.useLocale();
+    const active = vue.ref();
+    vue.watchEffect(() => {
+      active.value = props.modelValue;
+    });
+    const currentIndex = vue.computed(() => active.value - 1);
+    const slotName = vue.computed(() => `step-${active.value}`);
+    const allValues = vue.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 vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["plus-steps-form", _ctx.$attrs.direction === "vertical" ? "plus-steps-from-vertical" : ""])
+        },
+        [
+          vue.createVNode(vue.unref(elementPlus.ElSteps), vue.mergeProps({
+            active: active.value,
+            "finish-status": "success"
+          }, _ctx.$attrs), {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.data, (item) => {
+                  return vue.openBlock(), vue.createBlock(
+                    vue.unref(elementPlus.ElStep),
+                    vue.mergeProps({
+                      key: item.title
+                    }, item),
+                    vue.createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      _ctx.$slots.icon ? {
+                        name: "icon",
+                        fn: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "icon", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      _ctx.$slots.title ? {
+                        name: "title",
+                        fn: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "title", {
+                            icon: item.icon,
+                            title: item.title,
+                            description: item.description
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0,
+                      _ctx.$slots.description ? {
+                        name: "description",
+                        fn: vue.withCtx(() => [
+                          vue.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"]),
+          vue.createVNode(vue.unref(index.PlusForm), vue.mergeProps(_ctx.data[currentIndex.value].form, {
+            "has-reset": active.value !== 1,
+            "submit-text": active.value === _ctx.data.length ? _ctx.submitText || vue.unref(t)("plus.stepsForm.submitText") : _ctx.nextText || vue.unref(t)("plus.stepsForm.nextText"),
+            "reset-text": _ctx.preText || vue.unref(t)("plus.stepsForm.preText"),
+            onSubmit: next,
+            onReset: pre,
+            onChange: handleChange
+          }), {
+            default: vue.withCtx(() => [
+              _ctx.$slots[slotName.value] ? vue.renderSlot(_ctx.$slots, slotName.value, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.data[currentIndex.value]))) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["has-reset", "submit-text", "reset-text"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/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/lib/components/steps-form/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/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/lib/components/steps-form/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('element-plus/lib/components/steps/style/css.js');
+require('element-plus/lib/components/step/style/css.js');
+require('yc-components/theme-chalk/plus-steps-form.css');
+

package/lib/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/lib/components/steps-form/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('element-plus/lib/components/steps/style/index.js');
+require('element-plus/lib/components/step/style/index.js');
+require('yc-components/theme-chalk/src/steps-form.scss');
+