@wlydfe/pro-ui 0.2.0

package/lib/components/radio/src/index.vue.js

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

package/lib/components/radio/src/index.vue2.js

@@ -0,0 +1,206 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+const elementPlus = require('element-plus');
+const index = require('../../utils/index.js');
+const is = require('../../utils/is.js');
+
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref();
+    const radioGroupInstance = vue.ref();
+    const state = vue.reactive({ radio: "" });
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        state.radio = val;
+      },
+      { immediate: true }
+    );
+    const attrs = vue.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 vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({
+        ref_key: "radioGroupInstance",
+        ref: radioGroupInstance,
+        modelValue: state.radio,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.radio = $event)
+      }, _ctx.$attrs), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.unref(index.versionIsLessThan260) ? (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            vue.renderList(_ctx.options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadio), vue.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: vue.withCtx(() => [
+                  vue.unref(is.isFunction)(item.fieldSlot) ? (vue.openBlock(), vue.createBlock(
+                    vue.resolveDynamicComponent(item.fieldSlot),
+                    vue.mergeProps({
+                      key: 0,
+                      ref_for: true
+                    }, item),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : vue.unref(is.isFunction)(_ctx.fieldChildrenSlot) ? (vue.openBlock(), vue.createBlock(
+                    vue.resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                    vue.mergeProps({
+                      key: 1,
+                      ref_for: true
+                    }, item),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 2 },
+                    [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item == null ? void 0 : item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1040, ["label", "onClick", "onChange"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" element-plus \u7248\u672C\u53F7\u5927\u4E8E\u7B49\u4E8E2.6.0 "),
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.options, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadio), vue.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: vue.withCtx(() => [
+                      vue.unref(is.isFunction)(item.fieldSlot) ? (vue.openBlock(), vue.createBlock(
+                        vue.resolveDynamicComponent(item.fieldSlot),
+                        vue.mergeProps({
+                          key: 0,
+                          ref_for: true
+                        }, item),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )) : vue.unref(is.isFunction)(_ctx.fieldChildrenSlot) ? (vue.openBlock(), vue.createBlock(
+                        vue.resolveDynamicComponent(_ctx.fieldChildrenSlot),
+                        vue.mergeProps({
+                          key: 1,
+                          ref_for: true
+                        }, item),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )) : (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 2 },
+                        [
+                          vue.createTextVNode(
+                            vue.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 */
+      }, [
+        vue.renderList(_ctx.fieldSlots, (fieldSlot, key) => {
+          return {
+            name: key,
+            fn: vue.withCtx((data) => [
+              (vue.openBlock(), vue.createBlock(
+                vue.resolveDynamicComponent(fieldSlot),
+                vue.normalizeProps(vue.guardReactiveProps(data)),
+                null,
+                16
+                /* FULL_PROPS */
+              ))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,6 @@
+'use strict';
+
+require('element-plus/lib/components/radio/style/css.js');
+require('element-plus/lib/components/radio-group/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-radio.css');
+

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

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

package/lib/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/lib/components/render/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const index = require('./src/index.vue.js');
+
+const PlusRender = index.default;
+
+exports.PlusRender = PlusRender;

package/lib/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/lib/components/render/src/index.vue.js

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

package/lib/components/render/src/index.vue2.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+require('../../utils/index.js');
+const is = require('../../utils/is.js');
+
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref();
+    vue.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 (vue.isVNode(dynamicComponent)) {
+        const payload = props.renderType === "form" ? {
+          modelValue: state.value,
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        } : {
+          ...props.customFieldProps,
+          ...dynamicComponent.props
+        };
+        return {
+          ...dynamicComponent,
+          props: payload
+        };
+      } else if (is.isString(dynamicComponent)) {
+        return dynamicComponent;
+      }
+    };
+    return (_ctx, _cache) => {
+      return _ctx.renderType === "form" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent), vue.mergeProps({
+        key: 0,
+        modelValue: state.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event)
+      }, _ctx.customFieldProps), null, 16, ["modelValue"])) : (vue.openBlock(), vue.createBlock(
+        vue.resolveDynamicComponent(renderComponent),
+        vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.customFieldProps)),
+        null,
+        16
+        /* FULL_PROPS */
+      ));
+    };
+  }
+});
+
+exports.default = _sfc_main;