gi-component 0.0.49 → 0.0.50

package/packages/styles/index.scss

@@ -1,141 +0,0 @@
-@use './var.scss' as a;
-@use './el.scss';
-
-body {
-  // 主要作用于页面
-  --padding: 16px;
-  --margin: 16px;
-}
-
-.g-card-title {
-  .#{a.$prefix}-card-header__title {
-    padding-left: 8px;
-    position: relative;
-
-    &::before {
-      content: '';
-      width: 4px;
-      height: 20px;
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      background-color: var(--el-color-primary);
-      border-radius: 0 4px 4px 0;
-    }
-  }
-}
-
-.g-w-full {
-  width: 100%;
-}
-
-.g-h-full {
-  height: 100%;
-}
-
-.g-line-1 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.g-line-2 {
-  line-clamp: 2;
-  -webkit-line-clamp: 2;
-}
-
-.g-line-3 {
-  line-clamp: 3;
-  -webkit-line-clamp: 3;
-}
-
-.g-line-4 {
-  line-clamp: 4;
-  -webkit-line-clamp: 4;
-}
-
-.g-line-5 {
-  line-clamp: 5;
-  -webkit-line-clamp: 5;
-}
-
-.g-line-2,
-.g-line-3,
-.g-line-4,
-.g-line-5 {
-  overflow: hidden;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  display: -webkit-box; // 弹性伸缩盒
-  -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
-}
-
-.g-mt {
-  margin-top: var(--margin);
-}
-
-.g-mb {
-  margin-bottom: var(--margin);
-}
-
-.g-ml {
-  margin-left: var(--margin);
-}
-
-.g-mr {
-  margin-right: var(--margin);
-}
-
-.g-mx {
-  margin-left: var(--margin);
-  margin-right: var(--margin);
-}
-
-.g-my {
-  margin-top: var(--margin);
-  margin-bottom: var(--margin);
-}
-
-.g-m0 {
-  margin: 0 !important;
-}
-
-.g-pt {
-  padding-top: var(--padding);
-}
-
-.g-pb {
-  padding-bottom: var(--padding);
-}
-
-.g-pl {
-  padding-left: var(--padding);
-}
-
-.g-pr {
-  padding-right: var(--padding);
-}
-
-.g-px {
-  padding-left: var(--padding);
-  padding-right: var(--padding);
-}
-
-.g-py {
-  padding-top: var(--padding);
-  padding-bottom: var(--padding);
-}
-
-.g-p0 {
-  padding: 0 !important;
-}
-
-// 主要作用在el-row组件
-.g-flex-column {
-  flex-direction: column;
-}
-
-.g-tool {
-  gap: 8px;
-}

package/packages/styles/var.scss

@@ -1 +0,0 @@
-$prefix: 'gi' !default;

package/packages/types/global.d.ts

@@ -1,7 +0,0 @@
-import type { Config } from '../index'
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $config?: Config
-  }
-}

package/packages/types/tool.ts

@@ -1,14 +0,0 @@
-// 辅助类型：获取所有类型的键的联合
-type AllKeys<T> = T extends any ? keyof T : never
-
-// 辅助类型：获取属性在所有类型中的联合类型
-type UnionType<T, K extends PropertyKey> = T extends any
-  ? K extends keyof T
-  ? T[K]
-  : never
-  : never
-
-// 合并多个类型，同名属性转为联合类型
-export type MergeMultiple<T extends any[]> = {
-  [K in AllKeys<T[number]>]?: UnionType<T[number], K>
-}

package/packages/utils/createSelectDialog.ts

@@ -1,74 +0,0 @@
-import type { Component } from 'vue'
-import type { DialogOptions } from '../index'
-import { ElMessage } from 'element-plus'
-import { h, ref } from 'vue'
-import { Dialog } from '../index'
-
-// 创建选择弹窗的参数
-interface CreateSelectDialogParams extends Omit<DialogOptions, 'content' | 'onOk' | 'onBeforeOk'> {
-  component: Component // 内容组件
-  componentProps?: Record<string, any> // 内容组件属性
-  tip?: string // 提示信息
-};
-
-// 默认选项
-interface DefaultOption {
-  queryParams?: Record<string, any>
-  componentProps?: Record<string, any>
-}
-
-// 打开选择弹窗的选项
-type DialogOption<T, Q extends DefaultOption = DefaultOption> = {
-  title?: string // 标题
-  multiple?: boolean // 是否多选
-  queryParams?: (Q extends { queryParams: infer P } ? P : DefaultOption['queryParams']) // 查询参数
-  componentProps?: (Q extends { componentProps: infer P } ? P : DefaultOption['componentProps']) // 组件属性
-  onOk?: (data: T) => void // 确定回调
-  onBeforeOk?: (data: T) => Promise<boolean> // 确定前的回调
-}
-
-/**
- * 创建选择弹窗
- * @description component组件必须暴露一个getSelectedData方法
- */
-export const createSelectDialog = <T, Q extends DefaultOption = DefaultOption>(
-  params: CreateSelectDialogParams
-) => {
-  return function (options: DialogOption<T, Q>) {
-    const { multiple = false, onOk, onBeforeOk, queryParams, componentProps } = options
-    const DialogTableRef = ref<any>()
-    const { component, componentProps: componentPropsFromParams, tip, ...restParams } = params
-
-    Dialog.open({
-      bodyClass: 'g-p0',
-      ...restParams,
-      title: params.title || options.title,
-      content: () =>
-        h(params.component, {
-          ref: (e: any) => (DialogTableRef.value = e),
-          multiple,
-          queryParams,
-          ...params.componentProps,
-          ...componentProps
-        }),
-      style: { maxWidth: '1000px', ...params.style },
-      onBeforeOk: async () => {
-        if (!DialogTableRef.value.getSelectedData) {
-          ElMessage.error('组件必须暴露getSelectedData方法')
-          return false
-        }
-        const data = DialogTableRef.value?.getSelectedData()
-        if (!data.length) {
-          ElMessage.warning(params.tip || '请选择数据')
-          return false
-        }
-        if (onBeforeOk) {
-          return await onBeforeOk(data)
-        } else {
-          onOk?.(data)
-          return true
-        }
-      }
-    })
-  }
-}

package/packages/utils/index.ts

@@ -1 +0,0 @@
-export * from './createSelectDialog'