@wlydfe/pro-ui 0.1.25

package/lib/components/check-card/style/css.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/avatar/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-check-card.css');
+

package/lib/components/check-card/style/index.d.ts

@@ -0,0 +1,2 @@
+import "element-plus/es/components/avatar/style/index";
+import "@wlydfe/pro-ui-theme-chalk/src/check-card.scss";

package/lib/components/check-card/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('element-plus/lib/components/avatar/style/index.js');
+require('../../../theme-chalk/src/check-card.scss.js');
+

package/lib/components/check-card-group/index.d.ts

@@ -0,0 +1,209 @@
+import { RenderTypes } from '@wlydfe/pro-ui';
+import { PlusCheckCardProps } from 'packages/plus-pro-components';
+import { ValueType } from './src/index.vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+export type { PlusCheckCardGroupProps } from './src/index.vue';
+export declare const PlusCheckCardGroup: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
+        options: {
+            type: PropType<( PlusCheckCardProps & {
+                value: string | number;
+            })[]>;
+            default: () => never[];
+        };
+        multiple: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
+        onExtra?: ((item: PlusCheckCardProps & {
+            value: string | number;
+        }) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (checked: ValueType) => void;
+        change: (checked: ValueType) => void;
+        extra: (item: PlusCheckCardProps & {
+            value: string | number;
+        }) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
+        options: {
+            type: PropType<( PlusCheckCardProps & {
+                value: string | number;
+            })[]>;
+            default: () => never[];
+        };
+        multiple: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
+        onExtra?: ((item: PlusCheckCardProps & {
+            value: string | number;
+        }) => any) | undefined;
+    }, {
+        disabled: boolean;
+        size: "" | "default" | "small" | "large";
+        modelValue: ValueType;
+        options: ( PlusCheckCardProps & {
+            value: string | number;
+        })[];
+        multiple: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
+        options: {
+            type: PropType<( PlusCheckCardProps & {
+                value: string | number;
+            })[]>;
+            default: () => never[];
+        };
+        multiple: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
+        onExtra?: ((item: PlusCheckCardProps & {
+            value: string | number;
+        }) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        disabled: boolean;
+        size: "" | "default" | "small" | "large";
+        modelValue: ValueType;
+        options: ( PlusCheckCardProps & {
+            value: string | number;
+        })[];
+        multiple: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<ValueType>;
+        default: () => never[];
+    };
+    options: {
+        type: PropType<( PlusCheckCardProps & {
+            value: string | number;
+        })[]>;
+        default: () => never[];
+    };
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
+    onExtra?: ((item: PlusCheckCardProps & {
+        value: string | number;
+    }) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (checked: ValueType) => void;
+    change: (checked: ValueType) => void;
+    extra: (item: PlusCheckCardProps & {
+        value: string | number;
+    }) => void;
+}, string, {
+    disabled: boolean;
+    size: "" | "default" | "small" | "large";
+    modelValue: ValueType;
+    options: ( PlusCheckCardProps & {
+        value: string | number;
+    })[];
+    multiple: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {
+        avatar: string | undefined;
+        title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }) => any>> & Partial<Record<string, (_: {
+        title: string | undefined;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }) => any>> & Partial<Record<string, (_: {
+        title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | undefined;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }) => any>> & Partial<Record<string, (_: {
+        title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }) => any>> & {
+        avatar?(_: {
+            avatar: string | undefined;
+            title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+            description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        }): any;
+        title?(_: {
+            title: string | undefined;
+            avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+            description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        }): any;
+        description?(_: {
+            title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+            description: string | undefined;
+            avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        }): any;
+        extra?(_: {
+            title: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+            avatar: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+            description: string | ((data: Pick< PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        }): any;
+    };
+});

package/lib/components/check-card-group/index.js

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

package/lib/components/check-card-group/src/index.vue.d.ts

@@ -0,0 +1,121 @@
+import { RenderTypes } from '@wlydfe/pro-ui';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ComponentSize } from 'element-plus';
+import { PlusCheckCardProps } from '@wlydfe/pro-ui/es/components/check-card';
+
+export type ArrayValueType = (string | number)[];
+export type SingleValueType = string | number;
+export type ValueType = ArrayValueType | SingleValueType;
+export interface PlusCheckCardGroupProps {
+    modelValue?: ValueType;
+    options?: (PlusCheckCardProps & {
+        value: string | number;
+    })[];
+    size?: ComponentSize;
+    disabled?: boolean;
+    multiple?: boolean;
+}
+export interface PlusCheckCardGroupEmits {
+    (e: 'update:modelValue', checked: ValueType): void;
+    (e: 'change', checked: ValueType): void;
+    (e: 'extra', item: PlusCheckCardProps & {
+        value: string | number;
+    }): void;
+}
+export interface CheckCardState {
+    checkList: ArrayValueType;
+    checked: SingleValueType;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusCheckCardGroupProps>, {
+    modelValue: () => never[];
+    options: () => never[];
+    size: undefined;
+    disabled: boolean;
+    multiple: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (checked: ValueType) => void;
+    change: (checked: ValueType) => void;
+    extra: (item: PlusCheckCardProps & {
+        value: string | number;
+    }) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusCheckCardGroupProps>, {
+    modelValue: () => never[];
+    options: () => never[];
+    size: undefined;
+    disabled: boolean;
+    multiple: boolean;
+}>>> & {
+    onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
+    onExtra?: ((item: PlusCheckCardProps & {
+        value: string | number;
+    }) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: "" | "default" | "small" | "large";
+    modelValue: ValueType;
+    options: (PlusCheckCardProps & {
+        value: string | number;
+    })[];
+    multiple: boolean;
+}, {}>, Partial<Record<string, (_: {
+    avatar: string | undefined;
+    title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+}) => any>> & Partial<Record<string, (_: {
+    title: string | undefined;
+    avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+}) => any>> & Partial<Record<string, (_: {
+    title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    description: string | undefined;
+    avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+}) => any>> & Partial<Record<string, (_: {
+    title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+}) => any>> & {
+    avatar?(_: {
+        avatar: string | undefined;
+        title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }): any;
+    title?(_: {
+        title: string | undefined;
+        avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }): any;
+    description?(_: {
+        title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | undefined;
+        avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+    }): any;
+    extra?(_: {
+        title: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        avatar: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | undefined;
+        description: string | ((data: Pick<PlusCheckCardProps, "avatar" | "title" | "description">) => RenderTypes) | 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/check-card-group/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 CheckCardGroup = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = CheckCardGroup;

package/lib/components/check-card-group/src/index.vue2.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../check-card/index.js');
+
+const _hoisted_1 = { class: "plus-check-card-group" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusCheckCardGroup"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    size: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change", "extra"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = vue.reactive({
+      checkList: [],
+      checked: ""
+    });
+    vue.watchEffect(() => {
+      if (props.multiple) {
+        state.checkList = props.modelValue;
+      } else {
+        state.checked = props.modelValue;
+      }
+    });
+    const getChecked = (value) => {
+      if (props.multiple) {
+        return state.checkList.includes(value);
+      } else {
+        return state.checked === value;
+      }
+    };
+    const handleChange = (model, value) => {
+      if (props.multiple) {
+        if (model) {
+          state.checkList.push(value);
+        } else {
+          state.checkList = state.checkList.filter((item) => item !== value);
+        }
+        emit("update:modelValue", state.checkList);
+        emit("change", state.checkList);
+      } else {
+        const val = model ? value : "";
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    };
+    const handleExtra = (item) => {
+      if (props.disabled) return;
+      emit("extra", item);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(
+          vue.Fragment,
+          null,
+          vue.renderList(_ctx.options, (item, index$1) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(index.PlusCheckCard), vue.mergeProps({
+              key: item.value || index$1,
+              size: _ctx.size,
+              disabled: _ctx.disabled
+            }, item, {
+              "model-value": getChecked(item.value),
+              onChange: ($event) => handleChange($event, item.value),
+              onExtra: ($event) => handleExtra(item)
+            }), vue.createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.$slots["avatar-" + item.value] || _ctx.$slots.avatar ? {
+                name: "avatar",
+                fn: vue.withCtx((data) => [
+                  _ctx.$slots["avatar-" + item.value] ? vue.renderSlot(_ctx.$slots, "avatar-" + item.value, vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.createCommentVNode("v-if", true),
+                  _ctx.$slots.avatar ? vue.renderSlot(_ctx.$slots, "avatar", vue.normalizeProps(vue.mergeProps({ key: 1 }, data))) : vue.createCommentVNode("v-if", true)
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots["title-" + item.value] || _ctx.$slots.title ? {
+                name: "title",
+                fn: vue.withCtx((data) => [
+                  _ctx.$slots["title-" + item.value] ? vue.renderSlot(_ctx.$slots, "title-" + item.value, vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.createCommentVNode("v-if", true),
+                  _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", vue.normalizeProps(vue.mergeProps({ key: 1 }, data))) : vue.createCommentVNode("v-if", true)
+                ]),
+                key: "1"
+              } : void 0,
+              _ctx.$slots["description-" + item.value] || _ctx.$slots.description ? {
+                name: "description",
+                fn: vue.withCtx((data) => [
+                  _ctx.$slots["description-" + item.value] ? vue.renderSlot(_ctx.$slots, "description-" + item.value, vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.createCommentVNode("v-if", true),
+                  _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.mergeProps({ key: 1 }, data))) : vue.createCommentVNode("v-if", true)
+                ]),
+                key: "2"
+              } : void 0,
+              _ctx.$slots["extra-" + item.value] || _ctx.$slots.extra ? {
+                name: "extra",
+                fn: vue.withCtx((data) => [
+                  _ctx.$slots["extra-" + item.value] ? vue.renderSlot(_ctx.$slots, "extra-" + item.value, vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.createCommentVNode("v-if", true),
+                  _ctx.$slots.extra ? vue.renderSlot(_ctx.$slots, "extra", vue.normalizeProps(vue.mergeProps({ key: 1 }, data))) : vue.createCommentVNode("v-if", true)
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["size", "disabled", "model-value", "onChange", "onExtra"]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/check-card-group/style/css.d.ts

@@ -0,0 +1,2 @@
+import "@wlydfe/pro-ui/es/components/check-card/style/css";
+import "@wlydfe/pro-ui-theme-chalk/plus-check-card-group.css";

package/lib/components/check-card-group/style/css.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('../../check-card/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-check-card-group.css');
+

package/lib/components/check-card-group/style/index.d.ts

@@ -0,0 +1,2 @@
+import "@wlydfe/pro-ui/es/components/check-card/style/index";
+import "@wlydfe/pro-ui-theme-chalk/src/check-card-group.scss";

package/lib/components/check-card-group/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('../../check-card/style/index.js');
+require('../../../theme-chalk/src/check-card-group.scss.js');
+