qy-better-lib 0.0.1

package/packages/pc_components/lib/commDialog/src/index.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent, useAttrs, useSlots, openBlock, createBlock, createCommentVNode, createVNode, mergeProps } from "vue";
+import { ElDialog, ElDrawer } from "element-plus";
+import { props } from "./props.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: props(),
+  setup(__props) {
+    const props2 = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const dialog_component = () => createVNode(ElDialog, mergeProps(attrs, {
+      "width": props2.size,
+      "showClose": props2.showClose,
+      "draggable": props2.draggable,
+      "modal": props2.modal,
+      "modalStyle": props2.modalStyle
+    }), {
+      header: () => slots.header?.(),
+      default: () => slots.default?.(),
+      footer: () => slots.footer?.()
+    });
+    const drawer_component = () => createVNode(ElDrawer, mergeProps(attrs, {
+      "size": props2.size,
+      "showClose": props2.showClose,
+      "modal": props2.modal,
+      "modalStyle": props2.modalStyle
+    }), {
+      header: () => slots.header?.(),
+      default: () => slots.default?.(),
+      footer: () => slots.footer?.()
+    });
+    return (_ctx, _cache) => {
+      return _ctx.type === "dialog" ? (openBlock(), createBlock(dialog_component, {
+        key: 0
+      })) : _ctx.type === "drawer" ? (openBlock(), createBlock(drawer_component, {
+        key: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/commDialog/src/index.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/commDialog/src/props.d.ts

@@ -0,0 +1,49 @@
+import { DialogType } from './type';
+/**
+ * 通用弹窗组件属性定义
+ */
+export declare const props: () => {
+    /**
+     * 弹窗类型
+     */
+    type: {
+        type: () => DialogType;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * 弹窗大小
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /**
+     * 是否显示关闭按钮
+     */
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否可拖动
+     */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否模态
+     */
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 遮罩层样式
+     */
+    modalStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+};

package/packages/pc_components/lib/commDialog/src/props.js

@@ -0,0 +1,48 @@
+const props = () => ({
+  /**
+   * 弹窗类型
+   */
+  type: {
+    type: String,
+    default: "dialog",
+    validator: (value) => ["dialog", "drawer"].includes(value)
+  },
+  /**
+   * 弹窗大小
+   */
+  size: {
+    type: [String, Number],
+    default: "50%"
+  },
+  /**
+   * 是否显示关闭按钮
+   */
+  showClose: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否可拖动
+   */
+  draggable: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否模态
+   */
+  modal: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 遮罩层样式
+   */
+  modalStyle: {
+    type: Object,
+    default: () => ({})
+  }
+});
+export {
+  props
+};

package/packages/pc_components/lib/commDialog/src/type.d.ts

@@ -0,0 +1,39 @@
+import { DialogProps, DrawerProps } from 'element-plus';
+/**
+ * 弹窗类型
+ */
+export type DialogType = 'dialog' | 'drawer';
+/**
+ * 通用弹窗组件属性
+ */
+export interface CommonDialogProps {
+    /**
+     * 弹窗类型
+     */
+    type: DialogType;
+    /**
+     * 弹窗大小
+     */
+    size: string | number;
+}
+/**
+ * 弹窗组件插槽
+ */
+export interface CommonDialogSlots {
+    /**
+     * 头部插槽
+     */
+    header?: () => any;
+    /**
+     * 默认插槽
+     */
+    default?: () => any;
+    /**
+     * 底部插槽
+     */
+    footer?: () => any;
+}
+/**
+ * 合并的弹窗属性（包含Element Plus的属性）
+ */
+export type MergedDialogProps = CommonDialogProps & Partial<DialogProps> & Partial<DrawerProps>;

package/packages/pc_components/lib/commForm/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CommForm } from './src/index.vue';
+export { CommForm };
+export default CommForm;

package/packages/pc_components/lib/commForm/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./src/index.vue.js";
+_sfc_main.install = (app) => {
+  app.component("CommForm", _sfc_main);
+};
+export {
+  _sfc_main as CommForm,
+  _sfc_main as default
+};

package/packages/pc_components/lib/commForm/src/index.vue.d.ts

@@ -0,0 +1,95 @@
+import { LabelPosition } from './type';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * 表单验证
+ */
+declare function validate(): Promise<boolean>;
+/**
+ * 表单重置
+ */
+declare function reset(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**默认插槽 */
+        default: () => any[];
+        /**底部插槽 */
+        footer: () => any[];
+    }> & {
+        /**默认插槽 */
+        default: () => any[];
+        /**底部插槽 */
+        footer: () => any[];
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    labelWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    labelPosition: {
+        type: PropType<LabelPosition>;
+        default: string;
+    };
+    model: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    formRules: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>, {
+    validate: typeof validate;
+    reset: typeof reset;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    labelWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    labelPosition: {
+        type: PropType<LabelPosition>;
+        default: string;
+    };
+    model: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    formRules: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    column: number;
+    options: Record<string, any>;
+    labelWidth: number;
+    labelPosition: LabelPosition;
+    model: Record<string, any>;
+    formRules: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/pc_components/lib/commForm/src/index.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent, ref, computed, useSlots, openBlock, createBlock, createVNode, resolveComponent, mergeProps } from "vue";
+import { validateForm } from "../../utils/index.js";
+import { props } from "./props.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: props(),
+  setup(__props, {
+    expose: __expose
+  }) {
+    const props2 = __props;
+    const form_ref = ref(null);
+    const form_style = computed(() => {
+      return {
+        "grid-template-columns": `repeat(${props2.column}, minmax(1px, 1fr))`
+      };
+    });
+    const form_attr = computed(() => ({
+      labelWidth: props2.labelWidth,
+      labelPosition: props2.labelPosition,
+      ...props2.options
+    }));
+    __expose({
+      validate,
+      reset
+    });
+    const slots = useSlots();
+    async function validate() {
+      return await validateForm(form_ref);
+    }
+    function reset() {
+      form_ref.value?.resetFields();
+    }
+    const common_form = () => createVNode(resolveComponent("el-form"), mergeProps({
+      "class": "comm-form",
+      "model": props2.model,
+      "rules": props2.formRules,
+      "ref": form_ref
+    }, form_attr.value, {
+      "style": form_style.value
+    }), {
+      default: () => [slots.default?.(), slots.footer?.()]
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(common_form);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/commForm/src/index.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/commForm/src/props.d.ts

@@ -0,0 +1,49 @@
+import { PropType } from 'vue';
+import { LabelPosition } from './type';
+/**
+ * 通用表单组件属性定义
+ */
+export declare const props: () => {
+    /**
+     * 标题宽度
+     */
+    labelWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 标签位置
+     */
+    labelPosition: {
+        type: PropType<LabelPosition>;
+        default: string;
+    };
+    /**
+     * 表单数据
+     */
+    model: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    /**
+     * 验证规则
+     */
+    formRules: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    /**
+     * 表单列数，默认1列
+     */
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * UI组件属性
+     */
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+};

package/packages/pc_components/lib/commForm/src/props.js

@@ -0,0 +1,47 @@
+const props = () => ({
+  /**
+   * 标题宽度
+   */
+  labelWidth: {
+    type: Number,
+    default: 100
+  },
+  /**
+   * 标签位置
+   */
+  labelPosition: {
+    type: String,
+    default: "left"
+  },
+  /**
+   * 表单数据
+   */
+  model: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 验证规则
+   */
+  formRules: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * 表单列数，默认1列
+   */
+  column: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * UI组件属性
+   */
+  options: {
+    type: Object,
+    default: () => ({})
+  }
+});
+export {
+  props
+};

package/packages/pc_components/lib/commForm/src/type.d.ts

@@ -0,0 +1,8 @@
+/**组件导出结构 */
+export type Expose = {
+    /**表单验证 */
+    validate: () => Promise<boolean>;
+    /**表单重置 */
+    reset: () => void;
+};
+export type LabelPosition = 'left' | 'right' | 'top';

package/packages/pc_components/lib/contextMenu/index.d.ts

@@ -0,0 +1,5 @@
+import { default as ContextMenu } from './src/index.vue';
+import { ContextMenuItem, MenuPosition } from './src/type';
+export { ContextMenu };
+export type { ContextMenuItem, MenuPosition };
+export default ContextMenu;

package/packages/pc_components/lib/contextMenu/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./src/index.vue.js";
+_sfc_main.install = (app) => {
+  app.component("ContextMenu", _sfc_main);
+};
+export {
+  _sfc_main as ContextMenu,
+  _sfc_main as default
+};

package/packages/pc_components/lib/contextMenu/src/index.vue.d.ts

@@ -0,0 +1,91 @@
+import { ContextMenuItem, MenuPosition } from './type';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * 显示菜单
+ * @param event 鼠标事件或位置对象
+ */
+declare function show(event: MouseEvent | MenuPosition): Promise<void>;
+/**
+ * 隐藏菜单
+ */
+declare function hide(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            data: ContextMenuItem;
+        }): any;
+    };
+    refs: {
+        context_menu_ref: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    position: {
+        type: PropType<MenuPosition>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    options: {
+        type: PropType<ContextMenuItem[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: PropType<boolean>;
+    };
+}>, {
+    hide: typeof hide;
+    show: typeof show;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    show: () => any;
+    menu_click: (item: ContextMenuItem) => any;
+    hide: () => any;
+    "update:visible": (value: boolean) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    position: {
+        type: PropType<MenuPosition>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    options: {
+        type: PropType<ContextMenuItem[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: PropType<boolean>;
+    };
+}>> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onMenu_click?: ((item: ContextMenuItem) => any) | undefined;
+    onHide?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    options: ContextMenuItem[];
+    position: MenuPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    context_menu_ref: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};