qy-better-lib 0.0.1

package/packages/pc_components/lib/tableExtend/useTable.js

@@ -0,0 +1,115 @@
+import { auto_size } from "@qy_better_lib/core";
+import { getCurrentInstance, computed, reactive, toRef, shallowReactive } from "vue";
+import { FileType } from "./type.js";
+function use_table(i18n_instance) {
+  const base_w = 1920;
+  const current_instance = getCurrentInstance();
+  const props = current_instance?.props;
+  const default_table_attr = {
+    rowKey: "id",
+    "element-loading-text": "加载中…",
+    "element-loading-background": "rgba(0, 0, 0, 0.2)",
+    highlightCurrentRow: true,
+    stripe: true,
+    border: false
+  };
+  const default_col_setting = {
+    headerAlign: void 0,
+    align: void 0,
+    prop: void 0,
+    label: void 0,
+    init: true,
+    width: void 0,
+    showOverflowTooltip: false,
+    sortable: void 0,
+    fixed: void 0
+  };
+  const table_attribute = computed(() => {
+    return {
+      ...default_table_attr,
+      ...Object.keys(props.options).length > 0 ? props.options : {}
+    };
+  });
+  const selection_options = reactive({
+    count: 0,
+    rows: []
+  });
+  const pagination = reactive({
+    page_index: props?.paging?.pageIndex ? toRef(props.paging, "pageIndex") : 1,
+    page_size: props?.paging?.pageSize ? toRef(props.paging, "pageSize") : 10
+  });
+  const has_pagination = computed(() => {
+    const has = props?.paging?.pageIndex > 0 && props?.paging?.pageSize > 0;
+    if (!props.autoPagination) {
+      return has;
+    }
+    const total = props.tableData.length > (props.total || 0) ? props.tableData.length : props.total || 0;
+    return has && total > pagination.page_size;
+  });
+  const image_viewer = reactive({
+    /** 是否显示图片预览 */
+    show: false,
+    /** 图片路径列表 */
+    file_path_list: [],
+    /** 当前显示图片的索引 */
+    index: 0
+  });
+  const column_config = shallowReactive({
+    show_column: [],
+    hidden_column: []
+  });
+  const col_setting_list = computed(() => {
+    if (!column_config.show_column || column_config.show_column.length === 0) {
+      return [{ prop: "default-prop", init: true, label: "" }];
+    }
+    const col_list = column_config.show_column.map((item) => {
+      const clonedItem = { ...item };
+      i18n_instance && clonedItem.langue && (clonedItem.label = i18n_instance(clonedItem.langue));
+      if (props.autoSize) {
+        if (clonedItem.width) {
+          clonedItem.width = auto_size(clonedItem.width || 0, base_w);
+        } else if (clonedItem.minWidth) {
+          clonedItem.minWidth = auto_size(clonedItem.minWidth || 0, base_w);
+        }
+      } else {
+        clonedItem.minWidth = auto_size(clonedItem.minWidth || 0, base_w);
+      }
+      return { ...default_col_setting, ...clonedItem };
+    });
+    return col_list;
+  });
+  const show_tool_panel = computed(() => {
+    return (current_instance?.slots["tool-left"]?.()?.length || 0) > 0 || (current_instance?.slots["tool-right"]?.()?.length || 0) > 0;
+  });
+  const show_bottom_panel = computed(() => (current_instance?.slots["tool-left"]?.()?.length || 0) > 0);
+  const has_image_viewer = computed(() => col_setting_list.value.some(
+    (f) => f.fileType && f.fileType == FileType.PICTURE
+  ));
+  return {
+    def_col_setting: default_col_setting,
+    // 默认列配置
+    selection_options,
+    // 选中行状态
+    table_attribute,
+    // 表格属性
+    pagination,
+    // 分页配置
+    has_pagination,
+    // 是否显示分页
+    image_viewer,
+    // 图片预览配置
+    column_config,
+    // 列显示/隐藏配置
+    col_setting_list,
+    // 表格显示列
+    show_tool_panel,
+    // 是否显示工具栏
+    show_bottom_panel,
+    // 是否显示底部面板
+    has_image_viewer
+    // 是否包含图片预览功能
+  };
+}
+export {
+  use_table as default
+};

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TextButtonType } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    type: {
+        type: PropType<TextButtonType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    icon: StringConstructor;
+    disabled: BooleanConstructor;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    type: {
+        type: PropType<TextButtonType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    icon: StringConstructor;
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: TextButtonType;
+    disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+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/textButton/src/index.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createElementVNode, withModifiers, renderSlot } from "vue";
+import { props } from "./props.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TextButton" },
+  __name: "index",
+  props: props(),
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
+    function onClick(e) {
+      if (props2.disabled) return;
+      emit("click", e);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["text-button", [
+          `text-button-${_ctx.type}`,
+          _ctx.disabled && "is-disabled"
+        ]])
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "text-button-icon"
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "text-button-inner",
+          onClick: withModifiers(onClick, ["prevent"])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/textButton/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/textButton/src/props.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { TextButtonType } from './type';
+/**
+ * 文本按钮组件属性定义
+ */
+export declare const props: () => {
+    /**
+     * 按钮类型
+     */
+    type: {
+        type: PropType<TextButtonType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    /**
+     * 图标组件
+     */
+    icon: StringConstructor;
+    /**
+     * 是否禁用
+     */
+    disabled: BooleanConstructor;
+};

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

@@ -0,0 +1,30 @@
+const props = () => ({
+  /**
+   * 按钮类型
+   */
+  type: {
+    type: String,
+    default: "primary",
+    validator: (val) => {
+      return [
+        "default",
+        "primary",
+        "success",
+        "warning",
+        "info",
+        "danger"
+      ].includes(val);
+    }
+  },
+  /**
+   * 图标组件
+   */
+  icon: String,
+  /**
+   * 是否禁用
+   */
+  disabled: Boolean
+});
+export {
+  props
+};

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

@@ -0,0 +1,30 @@
+/**
+ * 文本按钮类型
+ */
+export type TextButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger';
+/**
+ * 文本按钮组件属性
+ */
+export interface TextButtonProps {
+    /**
+     * 按钮类型
+     */
+    type: TextButtonType;
+    /**
+     * 图标组件
+     */
+    icon?: string;
+    /**
+     * 是否禁用
+     */
+    disabled: boolean;
+}
+/**
+ * 文本按钮组件事件
+ */
+export interface TextButtonEmits {
+    /**
+     * 点击事件
+     */
+    (e: 'click', event: MouseEvent): void;
+}

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

@@ -0,0 +1,77 @@
+import { MessageParams, ElMessageBoxOptions, NotificationParams } from 'element-plus';
+import { Ref } from 'vue';
+type MessageBoxType = "toast" | "dialog" | "notif";
+type MessageType = "success" | "warning" | "error" | "info";
+type ConfirmCallback = () => any | void;
+type CancelCallback = (action: "confirm" | "cancel" | "close") => any | void;
+/**
+ * 消息提示框
+ * @param message 消息内容
+ * @param type 消息类型
+ * @param status 状态
+ * @param title 标题
+ */
+export declare function message_box(message: string, type: MessageBoxType, status?: boolean, title?: string): void;
+/**
+ * 确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ */
+export declare function confirm_box(str: string, callback: ConfirmCallback, options?: Partial<ElMessageBoxOptions>): void;
+/**
+ * 同步的确认提示框
+ * @param str 提示信息
+ * @param callback 确认回调函数
+ * @param options MessageBox配置项,参考element-plus文档
+ * @param cancelCallback 取消回调函数
+ * @returns Promise
+ */
+export declare function confirm_box_async(str: string, callback: ConfirmCallback, options?: Partial<ElMessageBoxOptions>, cancelCallback?: CancelCallback): Promise<any>;
+/**
+ * 消息提示
+ * @param type 类型
+ * @param message 消息
+ * @param options 配置项
+ */
+export declare function message_alert(type: MessageType, message?: string, options?: MessageParams): void;
+/**
+ * 侧窗提示
+ * @param type 类型
+ * @param title 标题
+ * @param message 消息
+ * @param options 配置项
+ */
+export declare function notification(type: MessageType, title?: string, message?: string, options?: NotificationParams): void;
+/**
+ * 关闭所有消息
+ */
+export declare function close_all_messages(): void;
+/**
+ * 关闭所有通知
+ */
+export declare function close_all_notifications(): void;
+/**
+ * 关闭所有MessageBox
+ */
+export declare function close_all_message_boxes(): void;
+/**
+ * 校验表单
+ * @param formRef 表单对象
+ * @returns
+ */
+export declare function validateForm(formRef: Ref<any>): Promise<boolean>;
+export declare function validateFormItem(formItemRef: Ref<any>): Promise<boolean>;
+/**
+ * 重置表单
+ * @param formRef
+ */
+export declare function resetForm(formRef: Ref<any>): void;
+/**
+ * 校验对象
+ * @param rules 规则，同表单规则一致
+ * @param data 校验对象
+ * @returns
+ */
+export declare function validateObject(rules: any, data: any): Promise<unknown>;
+export {};

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

@@ -0,0 +1,124 @@
+import { ElMessageBox, ElMessage, ElNotification } from "element-plus";
+import { getCurrentInstance } from "vue";
+function get_app_context() {
+  const instance = getCurrentInstance();
+  return instance?.appContext;
+}
+function message_box(message, type, status = true, title = "") {
+  switch (type) {
+    case "toast":
+      message_alert(
+        status ? "success" : "error",
+        message || (status ? "执行成功" : "执行失败")
+      );
+      break;
+    case "dialog":
+      confirm_box_async(message || (status ? "执行成功" : "执行失败"), () => {
+      }, {
+        title: title || "提示",
+        type: status ? "success" : "error",
+        showCancelButton: false
+      });
+      break;
+    case "notif":
+      notification(status ? "success" : "error", title || "消息提示", message);
+      break;
+  }
+}
+function confirm_box(str, callback, options) {
+  const option = {
+    beforeClose: (action, instance, done) => {
+      if (action === "confirm") {
+        setTimeout(() => {
+          done();
+        }, 0);
+      } else {
+        done();
+      }
+    },
+    ...options
+  };
+  const appContext = get_app_context();
+  ElMessageBox.confirm(str, "提示", option, appContext).then(async () => {
+    callback && callback();
+  }).catch(() => {
+  });
+}
+function confirm_box_async(str, callback, options, cancelCallback) {
+  return new Promise((resolve) => {
+    const option = {
+      beforeClose: (action, instance, done) => {
+        if (action === "confirm") {
+          setTimeout(() => {
+            done();
+          }, 0);
+        } else {
+          done();
+        }
+      },
+      ...options
+    };
+    const appContext = get_app_context();
+    ElMessageBox.confirm(str, "提示", option, appContext).then(() => {
+      resolve(callback && callback());
+    }).catch((action) => {
+      cancelCallback ? resolve(cancelCallback(action)) : resolve(false);
+    });
+  });
+}
+function message_alert(type, message = "", options = {}) {
+  const defaultOptions = {
+    showClose: true,
+    message,
+    type,
+    duration: 3e3,
+    dangerouslyUseHTMLString: false,
+    grouping: true,
+    placement: "top"
+  };
+  const appContext = get_app_context();
+  const mergedOptions = Object.assign({}, defaultOptions, options);
+  ElMessage(mergedOptions, appContext);
+}
+function notification(type, title = "", message = "", options = {}) {
+  const defaultOptions = {
+    title,
+    message,
+    type,
+    dangerouslyUseHTMLString: true,
+    duration: 3e3,
+    showClose: true,
+    position: "bottom-right"
+  };
+  const appContext = get_app_context();
+  const mergedOptions = Object.assign({}, defaultOptions, options);
+  ElNotification(mergedOptions, appContext);
+}
+function close_all_messages() {
+  ElMessage.closeAll();
+}
+function close_all_notifications() {
+  ElNotification.closeAll();
+}
+function close_all_message_boxes() {
+  ElMessageBox.close();
+}
+function validateForm(formRef) {
+  return new Promise((resolve, reject) => {
+    if (!formRef.value) return resolve(false);
+    formRef.value.validate((valid) => {
+      return resolve(!!valid);
+    });
+  });
+}
+export {
+  close_all_message_boxes,
+  close_all_messages,
+  close_all_notifications,
+  confirm_box,
+  confirm_box_async,
+  message_alert,
+  message_box,
+  notification,
+  validateForm
+};

package/packages/pc_components/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@qy_better_lib/pc",
+  "private": false,
+  "version": "0.3.6",
+  "description": "qy better lib pc compontens",
+  "author": "luhuiming",
+  "license": "MIT",
+  "scripts": {
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "build:dist-min": "vite build --config vite.dist.min.config.ts",
+    "build": "yarn build:lib && yarn build:dist-min"
+  },
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "lib/index.js": [
+        "lib/index.d.ts"
+      ],
+      "@qy-better-lib/core": [
+        "lib/index.d.ts"
+      ],
+      "*": [
+        "*",
+        "dist/*",
+        "lib/*",
+        "lib/*.scss",
+        "lib/*.d.ts",
+        "lib/*/index.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./*": {
+      "import": "./lib/*/index.js",
+      "types": "./lib/*/index.d.ts"
+    },
+    "./utils": {
+      "import": "./lib/utils/index.js",
+      "types": "./lib/utils/index.d.ts"
+    },
+    "./styles": "./lib/styles/index.scss",
+    "./styles/*": "./lib/styles/*"
+  },
+  "peerDependencies": {
+    "@qy_better_lib/core": "^0.2.2",
+    "@qy_better_lib/hooks": "^0.2.4",
+    "element-plus": "^2.13.2",
+    "vue": "^3.5.27",
+    "vue-i18n": "^9.13.1"
+  },
+  "devDependencies": {
+    "@qy_better_lib/core": "^0.2.8",
+    "@qy_better_lib/hooks": "^0.2.6",
+    "@types/node": "^24.5.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "async-validator": "^4.2.5",
+    "element-plus": "^2.13.2",
+    "magic-string": "^0.30.19",
+    "mkdirp": "^3.0.1",
+    "vite": "^7.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.27",
+    "vue-i18n": "^9.13.1"
+  },
+  "dependencies": {}
+}

package/packages/pc_components/types/index.d.ts

@@ -0,0 +1,9 @@
+declare type $TODO = any;
+
+// JSX类型定义
+declare namespace JSX {
+  interface IntrinsicElements {
+    [elemName: string]: any;
+  }
+}
+

package/packages/pc_components/types/json.d.ts

@@ -0,0 +1,4 @@
+declare module "*.json" {
+    const value: any;
+    export default value;
+}

package/packages/pc_components/types/vue.shim.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { ComponentOptions } from 'vue'
+  const Component: ComponentOptions
+  export default Component
+}