@wlydfe/pro-ui 0.2.0

package/es/components/radio/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';
+
+const Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Radio as default };

package/es/components/radio/src/index.vue2.mjs

@@ -0,0 +1,202 @@
+import { defineComponent, ref, reactive, watch, useAttrs, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { ElRadioGroup, ElRadio } from 'element-plus';
+import { versionIsLessThan260 } from '../../utils/index.mjs';
+import { isFunction } from '../../utils/is.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusRadio"
+  },
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: "" },
+    options: { default: () => [] },
+    isCancel: { type: Boolean, default: true },
+    fieldSlots: { default: void 0 },
+    fieldChildrenSlot: { type: Function, default: void 0 }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const radioInstance = ref();
+    const radioGroupInstance = ref();
+    const state = reactive({ radio: "" });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        state.radio = val;
+      },
+      { immediate: true }
+    );
+    const attrs = useAttrs();
+    const radioClick = (e, val, fieldItemProps) => {
+      if (Reflect.has(attrs, "disabled") || (fieldItemProps == null ? void 0 : fieldItemProps.disabled)) {
+        return;
+      }
+      if (!props.isCancel) {
+        return;
+      } else {
+        e.preventDefault();
+      }
+      state.radio === val ? state.radio = "" : state.radio = val;
+      emit("update:modelValue", state.radio);
+      emit("change", state.radio);
+    };
+    const change = (val) => {
+      if (props.isCancel) return;
+      emit("update:modelValue", val);
+      emit("change", val);
+    };
+    __expose({
+      radioInstance,
+      radioGroupInstance
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElRadioGroup), mergeProps({
+        ref_key: "radioGroupInstance",
+        ref: radioGroupInstance,
+        modelValue: state.radio,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.radio = $event)
+      }, _ctx.$attrs), createSlots({
+        default: withCtx(() => [
+          unref(versionIsLessThan260) ? (openBlock(true), createElementBlock(
+            Fragment,
+            { key: 0 },
+            renderList(_ctx.options, (item) => {
+              return openBlock(), createBlock(unref(ElRadio), mergeProps({
+                key: item.value,
+                ref_for: true,
+                ref_key: "radioInstance",
+                ref: radioInstance,
+                label: item.value
+              }, { ref_for: true }, item.fieldItemProps, {
+                onClick: ($event) => radioClick($event, item.value, item.fieldItemProps),
+                onChange: ($event) => change(item.value)
+              }), {
+                default: withCtx(() => [
+                  unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(
+                    resolveDynamicComponent(item.fieldSlot),
+                    mergeProps({
+                      key: 0,
+                      ref_for: true
+                    }, item),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
+                    resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                    mergeProps({
+                      key: 1,
+                      ref_for: true
+                    }, item),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 2 },
+                    [
+                      createTextVNode(
+                        toDisplayString(item == null ? void 0 : item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1040, ["label", "onClick", "onChange"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" element-plus \u7248\u672C\u53F7\u5927\u4E8E\u7B49\u4E8E2.6.0 "),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.options, (item) => {
+                  return openBlock(), createBlock(unref(ElRadio), mergeProps({
+                    key: item.value,
+                    ref_for: true,
+                    ref_key: "radioInstance",
+                    ref: radioInstance,
+                    value: item.value
+                  }, { ref_for: true }, item.fieldItemProps, {
+                    onClick: ($event) => radioClick($event, item.value, item.fieldItemProps),
+                    onChange: ($event) => change(item.value)
+                  }), {
+                    default: withCtx(() => [
+                      unref(isFunction)(item.fieldSlot) ? (openBlock(), createBlock(
+                        resolveDynamicComponent(item.fieldSlot),
+                        mergeProps({
+                          key: 0,
+                          ref_for: true
+                        }, item),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )) : unref(isFunction)(_ctx.fieldChildrenSlot) ? (openBlock(), createBlock(
+                        resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                        mergeProps({
+                          key: 1,
+                          ref_for: true
+                        }, item),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )) : (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 2 },
+                        [
+                          createTextVNode(
+                            toDisplayString(item == null ? void 0 : item.label),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1040, ["value", "onClick", "onChange"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(_ctx.fieldSlots, (fieldSlot, key) => {
+          return {
+            name: key,
+            fn: withCtx((data) => [
+              (openBlock(), createBlock(
+                resolveDynamicComponent(fieldSlot),
+                normalizeProps(guardReactiveProps(data)),
+                null,
+                16
+                /* FULL_PROPS */
+              ))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/radio/style/css.d.ts

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/radio/style/css';
+import 'element-plus/es/components/radio-group/style/css';
+import '@wlydfe/pro-ui-theme-chalk/plus-radio.css';

package/es/components/radio/style/css.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/radio/style/css.mjs';
+import 'element-plus/es/components/radio-group/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-radio.css';

package/es/components/radio/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/radio/style/index';
+import 'element-plus/es/components/radio-group/style/index';
+import '@wlydfe/pro-ui-theme-chalk/src/radio.scss';

package/es/components/radio/style/index.mjs

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/radio/style/index.mjs';
+import 'element-plus/es/components/radio-group/style/index.mjs';
+import '../../../theme-chalk/src/radio.scss.mjs';

package/es/components/render/index.d.ts

@@ -0,0 +1,71 @@
+export type { PlusRenderProps } from './src/index.vue';
+export declare const PlusRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    renderType: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    callbackValue: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    customFieldProps: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+        skipCheck: boolean;
+    };
+    params: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
+    handleChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>, {
+    props: any;
+    state: import("vue").Ref<any, any>;
+    renderComponent: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    renderType: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    callbackValue: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    customFieldProps: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+        skipCheck: boolean;
+    };
+    params: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
+    handleChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    params: Record<string, any>;
+    customFieldProps: any;
+    renderType: string;
+    callbackValue: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/render/index.mjs

@@ -0,0 +1,5 @@
+import Render from './src/index.vue.mjs';
+
+const PlusRender = Render;
+
+export { PlusRender };

package/es/components/render/src/index.vue.d.ts

@@ -0,0 +1,86 @@
+import type { PlusColumn, FieldValueType } from '@wlydfe/pro-ui-types';
+export interface PlusRenderProps {
+    /**
+     * 渲染的类型
+     */
+    renderType?: 'form';
+    /**
+     * 回调参数的第一个值
+     */
+    callbackValue?: FieldValueType;
+    customFieldProps?: PlusColumn['fieldProps'] | PlusColumn['formItemProps'];
+    render?: PlusColumn['renderField'] | ((...arg: any[]) => void);
+    params?: Partial<PlusColumn>;
+    handleChange?: (...arg: any[]) => void;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    renderType: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    callbackValue: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    customFieldProps: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+        skipCheck: boolean;
+    };
+    params: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
+    handleChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>, {
+    props: any;
+    state: import("vue").Ref<any, any>;
+    renderComponent: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    renderType: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    callbackValue: {
+        type: null;
+        required: false;
+        default: string;
+    };
+    customFieldProps: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        required: false;
+        skipCheck: boolean;
+    };
+    params: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => {};
+    };
+    handleChange: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    params: Record<string, any>;
+    customFieldProps: any;
+    renderType: string;
+    callbackValue: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/render/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';
+
+const Render = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Render as default };

package/es/components/render/src/index.vue2.mjs

@@ -0,0 +1,73 @@
+import { defineComponent, ref, watch, isVNode, openBlock, createBlock, resolveDynamicComponent, mergeProps, normalizeProps } from 'vue';
+import '../../utils/index.mjs';
+import { isString } from '../../utils/is.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusRender"
+  },
+  __name: "index",
+  props: {
+    renderType: { default: void 0 },
+    callbackValue: { type: [String, Number, Boolean, null, Date, Array], default: "" },
+    customFieldProps: { default: () => ({}) },
+    render: {},
+    params: { default: () => ({}) },
+    handleChange: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const state = ref();
+    watch(
+      () => props.callbackValue,
+      (val) => {
+        state.value = val;
+      },
+      {
+        flush: "post",
+        immediate: true
+      }
+    );
+    const renderComponent = () => {
+      if (!props.render) return;
+      const params = { ...props.params };
+      const dynamicComponent = props.renderType === "form" ? props.render(
+        state.value,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        props.handleChange,
+        params
+      ) : props.render(state.value, params);
+      if (isVNode(dynamicComponent)) {
+        const payload = props.renderType === "form" ? {
+          modelValue: state.value,
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        } : {
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        };
+        return {
+          ...dynamicComponent,
+          props: payload
+        };
+      } else if (isString(dynamicComponent)) {
+        return dynamicComponent;
+      }
+    };
+    return (_ctx, _cache) => {
+      return _ctx.renderType === "form" ? (openBlock(), createBlock(resolveDynamicComponent(renderComponent), mergeProps({
+        key: 0,
+        modelValue: state.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event)
+      }, _ctx.customFieldProps), null, 16, ["modelValue"])) : (openBlock(), createBlock(
+        resolveDynamicComponent(renderComponent),
+        normalizeProps(mergeProps({ key: 1 }, _ctx.customFieldProps)),
+        null,
+        16
+        /* FULL_PROPS */
+      ));
+    };
+  }
+});
+
+export { _sfc_main as default };