rayyy-vue-table-components 1.2.38 → 1.3.0

package/dist/src/components/index.d.ts

@@ -2,7 +2,6 @@ export { default as BaseTable } from './tables/BaseTable.vue';
 export { default as BaseBtn } from './items/BaseBtn.vue';
 export { default as BaseInput } from './form/BaseInput.vue';
 export { default as BaseDialog } from './items/BaseDialog.vue';
-export { default as BaseForm } from './form/BaseForm.vue';
 export { default as BaseMultipleInput } from './form/BaseMultipleInput.vue';
 export { default as SortTable } from './tables/SortTable.vue';
 export { default as SearchBar } from './items/SearchBar.vue';
@@ -11,12 +10,43 @@ export { default as TransferItem } from './transfer/transferItem.vue';
 export { default as FunctionHeader } from './layout/FunctionHeader.vue';
 export { default as MainPanel } from './layout/MainPanel.vue';
 export { default as SearchableListPanel } from './layout/SearchableListPanel.vue';
-export type { BaseTableProps, BaseTableEmits, BaseTableInstance, BaseBtnProps, BaseBtnEmits, BaseBtnInstance, BaseDialogProps, BaseDialogEmits, BaseDialogInstance, BaseInputProps, BaseInputEmits, BaseInputInstance, BaseFormProps, BaseFormEmits, BaseFormInstance, SortTableProps, SortTableEmits, SortTableInstance, SearchBarProps, SearchBarEmits, SearchBarInstance, SearchBarSlots, TransferDialogProps, TransferDialogEmits, TransferDialogInstance, TransferItemProps, TransferItemEmits, TransferItemInstance, MainPanelProps, MainPanelEmits, MainPanelInstance, FunctionHeaderProps, FunctionHeaderEmits, FunctionHeaderInstance, PluginOptions, VueTableComponentsPlugin, } from '../types/components';
+export type { BaseTableProps } from '../types/components.d';
+export type { BaseTableEmits } from '../types/components.d';
+export type { BaseTableInstance } from '../types/components.d';
+export type { BaseBtnProps } from '../types/components.d';
+export type { BaseBtnEmits } from '../types/components.d';
+export type { BaseBtnInstance } from '../types/components.d';
+export type { BaseDialogProps } from '../types/components.d';
+export type { BaseDialogEmits } from '../types/components.d';
+export type { BaseDialogInstance } from '../types/components.d';
+export type { BaseInputProps } from '../types/components.d';
+export type { BaseInputEmits } from '../types/components.d';
+export type { BaseInputInstance } from '../types/components.d';
+export type { SortTableProps } from '../types/components.d';
+export type { SortTableEmits } from '../types/components.d';
+export type { SortTableInstance } from '../types/components.d';
+export type { SearchBarProps } from '../types/components.d';
+export type { SearchBarEmits } from '../types/components.d';
+export type { SearchBarInstance } from '../types/components.d';
+export type { SearchBarSlots } from '../types/components.d';
+export type { TransferDialogProps } from '../types/components.d';
+export type { TransferDialogEmits } from '../types/components.d';
+export type { TransferDialogInstance } from '../types/components.d';
+export type { TransferItemProps } from '../types/components.d';
+export type { TransferItemEmits } from '../types/components.d';
+export type { TransferItemInstance } from '../types/components.d';
+export type { MainPanelProps } from '../types/components.d';
+export type { MainPanelEmits } from '../types/components.d';
+export type { MainPanelInstance } from '../types/components.d';
+export type { FunctionHeaderProps } from '../types/components.d';
+export type { FunctionHeaderEmits } from '../types/components.d';
+export type { FunctionHeaderInstance } from '../types/components.d';
+export type { PluginOptions } from '../types/components.d';
+export type { VueTableComponentsPlugin } from '../types/components.d';
 export type { default as BaseTableType } from './tables/BaseTable.vue';
 export type { default as BaseBtnType } from './items/BaseBtn.vue';
 export type { default as BaseInputType } from './form/BaseInput.vue';
 export type { default as BaseDialogType } from './items/BaseDialog.vue';
-export type { default as BaseFormType } from './form/BaseForm.vue';
 export type { default as SortTableType } from './tables/SortTable.vue';
 export type { default as SearchBarType } from './items/SearchBar.vue';
 export type { default as TransferDialogType } from './transfer/TransferDialog.vue';

package/dist/src/router/constants.d.ts

@@ -2,6 +2,8 @@ export declare const ROUTES: {
     readonly ROOT: "/";
     readonly HOME: "/home";
     readonly DEMO: "/demo";
+    readonly INSTALL_GUIDE: "/install-guide";
+    readonly DOCS_CENTER: "/docs-center";
     readonly SEARCHABLE_LIST_PANEL: "/demo/searchable-list-panel";
     readonly BASE_MULTIPLE_INPUT: "/demo/base-multiple-input";
     readonly TRANSFER_DIALOG: "/demo/transfer-dialog";
@@ -12,7 +14,6 @@ export declare const ROUTES: {
     readonly BASE_FORM: "/demo/base-form";
     readonly SORT_TABLE: "/demo/sort-table";
     readonly SEARCH_BAR: "/demo/search-bar";
-    readonly TRANSFER_ITEM: "/demo/transfer-item";
     readonly FUNCTION_HEADER: "/demo/function-header";
     readonly MAIN_PANEL: "/demo/main-panel";
     readonly NOT_FOUND: "/:catchAll(.*)";
@@ -21,6 +22,8 @@ export declare const ROUTE_NAMES: {
     readonly HOME_LAYOUT: "HomeLayout";
     readonly HOME: "Home";
     readonly DEMO: "Demo";
+    readonly INSTALL_GUIDE: "InstallGuide";
+    readonly DOCS_CENTER: "DocsCenter";
     readonly SEARCHABLE_LIST_PANEL: "SearchableListPanel";
     readonly BASE_MULTIPLE_INPUT: "BaseMultipleInput";
     readonly TRANSFER_DIALOG: "TransferDialog";
@@ -28,10 +31,8 @@ export declare const ROUTE_NAMES: {
     readonly BASE_BTN: "BaseBtn";
     readonly BASE_INPUT: "BaseInput";
     readonly BASE_DIALOG: "BaseDialog";
-    readonly BASE_FORM: "BaseForm";
     readonly SORT_TABLE: "SortTable";
     readonly SEARCH_BAR: "SearchBar";
-    readonly TRANSFER_ITEM: "TransferItem";
     readonly FUNCTION_HEADER: "FunctionHeader";
     readonly MAIN_PANEL: "MainPanel";
     readonly NOT_FOUND: "NotFoundPage";

package/dist/src/types/components.d.ts

@@ -251,37 +251,6 @@ export interface BaseInputInstance {
   $emit: BaseInputEmits
 }
 
-// ==================== BaseForm 組件類型 ====================
-
-/** BaseForm 組件 Props 類型 */
-export interface BaseFormProps<T extends object = object> {
-  /** 模型值 */
-  modelValue?: T
-  /** 表單驗證規則 */
-  rules?: import('element-plus').FormRules
-  /** 標籤寬度 */
-  labelWidth?: string
-  /** 測試屬性 */
-  dataCy?: string
-}
-
-/** BaseForm 組件 Emits 類型 */
-export interface BaseFormEmits {
-  /** 更新模型值事件 */
-  (e: 'update:modelValue', value: Record<string, unknown>): void
-  /** 提交事件 */
-  (e: 'submit'): void
-  /** 驗證事件 */
-  (e: 'validate', valid: boolean): void
-}
-
-/** BaseForm 組件實例類型 */
-export interface BaseFormInstance {
-  /** 組件 Props */
-  $props: BaseFormProps
-  /** 組件 Emits */
-  $emit: BaseFormEmits
-}
 
 // ==================== BaseMultipleInput 組件類型 ====================
 
@@ -590,21 +559,6 @@ export declare const BaseInput: DefineComponent<
   install: (app: App) => void
 }
 
-/** BaseForm 組件定義 */
-export declare const BaseForm: DefineComponent<
-  BaseFormProps,
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  BaseFormEmits
-> & {
-  /** 安裝方法 */
-  install: (app: App) => void
-}
 
 /** BaseMultipleInput 組件定義 */
 export declare const BaseMultipleInput: DefineComponent<
@@ -728,8 +682,6 @@ export interface VueTableComponentsPlugin {
   TransferDialog: typeof TransferDialog
   /** BaseInput 組件 */
   BaseInput: typeof BaseInput
-  /** BaseForm 組件 */
-  BaseForm: typeof BaseForm
   /** BaseMultipleInput 組件 */
   BaseMultipleInput: typeof BaseMultipleInput
   /** SearchBar 組件 */
@@ -754,7 +706,6 @@ declare module '@vue/runtime-core' {
     BaseDialog: typeof BaseDialog
     TransferDialog: typeof TransferDialog
     BaseInput: typeof BaseInput
-    BaseForm: typeof BaseForm
     BaseMultipleInput: typeof BaseMultipleInput
     SearchBar: typeof SearchBar
     SearchableListPanel: typeof SearchableListPanel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.2.38",
+  "version": "1.3.0",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/components/form/BaseForm.vue

@@ -6,7 +6,6 @@ type Props<T extends object = object> = {
   modelValue?: T
   rules?: FormRules
   labelWidth?: string
-  dataCy?: string
 }
 const props = withDefaults(defineProps<Props>(), {})
 
@@ -41,10 +40,15 @@ const clearValidate = (props?: string | string[]) => {
   formRef.value?.clearValidate(props)
 }
 
+const validateField = (prop: string) => {
+  formRef.value?.validateField(prop)
+}
+
 defineExpose({
   validate,
   resetFields,
   clearValidate,
+  validateField,
 })
 </script>
 

package/src/components/form/BaseMultipleInput.vue

@@ -1,4 +1,3 @@
-
 <script setup lang="ts">
 import { ref, useAttrs } from 'vue'
 import type { ElInput } from 'element-plus'
@@ -15,7 +14,7 @@ const props = withDefaults(
   {
     type: 'textarea',
     validateRule: () => true,
-  }
+  },
 )
 
 // 獲取所有非 props 屬性
@@ -29,7 +28,7 @@ const emits = defineEmits<{
 const remove = (position: number) => {
   emits(
     'update:modelValue',
-    props.modelValue.filter((input, index) => index !== position)
+    props.modelValue.filter((input, index) => index !== position),
   )
 }
 
@@ -38,7 +37,6 @@ const handleInputConfirm = () => {
   if (!inputString) {
     return
   }
-
   if (!props.validateRule(inputString)) {
     emits('inputError')
     return
@@ -63,7 +61,7 @@ const deleteLastTag = () => {
 </script>
 
 <template>
-  <div v-bind="attrs" class="w-full border border-t rounded" @click="focusInput" >
+  <div v-bind="attrs" class="w-full border border-t rounded" @click="focusInput">
     <el-tag
       v-for="(tag, position) in props.modelValue"
       :key="tag"
@@ -87,7 +85,6 @@ const deleteLastTag = () => {
   </div>
 </template>
 
-
 <style scoped lang="scss">
 :deep(.el-input) {
   --el-input-border-color: transparent;

package/src/components/index.ts

@@ -3,7 +3,6 @@ export { default as BaseTable } from './tables/BaseTable.vue'
 export { default as BaseBtn } from './items/BaseBtn.vue'
 export { default as BaseInput } from './form/BaseInput.vue'
 export { default as BaseDialog } from './items/BaseDialog.vue'
-export { default as BaseForm } from './form/BaseForm.vue'
 export { default as BaseMultipleInput } from './form/BaseMultipleInput.vue'
 export { default as SortTable } from './tables/SortTable.vue'
 export { default as SearchBar } from './items/SearchBar.vue'
@@ -14,51 +13,45 @@ export { default as MainPanel } from './layout/MainPanel.vue'
 export { default as SearchableListPanel } from './layout/SearchableListPanel.vue'
 
 // 導出組件類型
-export type {
-  BaseTableProps,
-  BaseTableEmits,
-  BaseTableInstance,
-  BaseBtnProps,
-  BaseBtnEmits,
-  BaseBtnInstance,
-  BaseDialogProps,
-  BaseDialogEmits,
-  BaseDialogInstance,
-  BaseInputProps,
-  BaseInputEmits,
-  BaseInputInstance,
-  BaseFormProps,
-  BaseFormEmits,
-  BaseFormInstance,
-  SortTableProps,
-  SortTableEmits,
-  SortTableInstance,
-  SearchBarProps,
-  SearchBarEmits,
-  SearchBarInstance,
-  SearchBarSlots,
-  TransferDialogProps,
-  TransferDialogEmits,
-  TransferDialogInstance,
-  TransferItemProps,
-  TransferItemEmits,
-  TransferItemInstance,
-  MainPanelProps,
-  MainPanelEmits,
-  MainPanelInstance,
-  FunctionHeaderProps,
-  FunctionHeaderEmits,
-  FunctionHeaderInstance,
-  PluginOptions,
-  VueTableComponentsPlugin,
-} from '../types/components'
+export type { BaseTableProps } from '../types/components.d'
+export type { BaseTableEmits } from '../types/components.d'
+export type { BaseTableInstance } from '../types/components.d'
+export type { BaseBtnProps } from '../types/components.d'
+export type { BaseBtnEmits } from '../types/components.d'
+export type { BaseBtnInstance } from '../types/components.d'
+export type { BaseDialogProps } from '../types/components.d'
+export type { BaseDialogEmits } from '../types/components.d'
+export type { BaseDialogInstance } from '../types/components.d'
+export type { BaseInputProps } from '../types/components.d'
+export type { BaseInputEmits } from '../types/components.d'
+export type { BaseInputInstance } from '../types/components.d'
+export type { SortTableProps } from '../types/components.d'
+export type { SortTableEmits } from '../types/components.d'
+export type { SortTableInstance } from '../types/components.d'
+export type { SearchBarProps } from '../types/components.d'
+export type { SearchBarEmits } from '../types/components.d'
+export type { SearchBarInstance } from '../types/components.d'
+export type { SearchBarSlots } from '../types/components.d'
+export type { TransferDialogProps } from '../types/components.d'
+export type { TransferDialogEmits } from '../types/components.d'
+export type { TransferDialogInstance } from '../types/components.d'
+export type { TransferItemProps } from '../types/components.d'
+export type { TransferItemEmits } from '../types/components.d'
+export type { TransferItemInstance } from '../types/components.d'
+export type { MainPanelProps } from '../types/components.d'
+export type { MainPanelEmits } from '../types/components.d'
+export type { MainPanelInstance } from '../types/components.d'
+export type { FunctionHeaderProps } from '../types/components.d'
+export type { FunctionHeaderEmits } from '../types/components.d'
+export type { FunctionHeaderInstance } from '../types/components.d'
+export type { PluginOptions } from '../types/components.d'
+export type { VueTableComponentsPlugin } from '../types/components.d'
 
 // 重新導出組件定義類型
 export type { default as BaseTableType } from './tables/BaseTable.vue'
 export type { default as BaseBtnType } from './items/BaseBtn.vue'
 export type { default as BaseInputType } from './form/BaseInput.vue'
 export type { default as BaseDialogType } from './items/BaseDialog.vue'
-export type { default as BaseFormType } from './form/BaseForm.vue'
 export type { default as SortTableType } from './tables/SortTable.vue'
 export type { default as SearchBarType } from './items/SearchBar.vue'
 export type { default as TransferDialogType } from './transfer/TransferDialog.vue'

package/src/components/items/SearchBar.vue

@@ -66,6 +66,9 @@ const resetFilter = () => {
     :deep(.el-input__prefix) {
       color: var(--main-color);
     }
+    :deep(.el-input__inner::placeholder) {
+      @apply text-text-border;
+    }
   }
 }
 </style>

package/src/components/layout/MainPanel.vue

@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import { FunctionHeader } from '@/components'
+import { useRouter } from 'vue-router'
+import { ROUTES } from '@/router/constants.ts'
 
 const props = withDefaults(
   defineProps<{
@@ -13,10 +15,16 @@ const props = withDefaults(
     depth: 1,
   },
 )
+const router = useRouter()
 </script>
 
 <template>
-  <function-header :title="props.title" :showBack="props.showBack" :depth="props.depth" />
+  <function-header
+    :title="props.title"
+    :showBack="props.showBack"
+    @back="router.push(ROUTES.DEMO)"
+    :depth="props.depth"
+  />
 
   <el-scrollbar class="panel-scrollbar">
     <div v-if="$slots.searchBar" class="px-4 pt-1.5">

package/src/types/components.d.ts

@@ -252,37 +252,6 @@ export interface BaseInputInstance {
   $emit: BaseInputEmits
 }
 
-// ==================== BaseForm 組件類型 ====================
-
-/** BaseForm 組件 Props 類型 */
-export interface BaseFormProps<T extends object = object> {
-  /** 模型值 */
-  modelValue?: T
-  /** 表單驗證規則 */
-  rules?: import('element-plus').FormRules
-  /** 標籤寬度 */
-  labelWidth?: string
-  /** 測試屬性 */
-  dataCy?: string
-}
-
-/** BaseForm 組件 Emits 類型 */
-export interface BaseFormEmits {
-  /** 更新模型值事件 */
-  (e: 'update:modelValue', value: Record<string, unknown>): void
-  /** 提交事件 */
-  (e: 'submit'): void
-  /** 驗證事件 */
-  (e: 'validate', valid: boolean): void
-}
-
-/** BaseForm 組件實例類型 */
-export interface BaseFormInstance {
-  /** 組件 Props */
-  $props: BaseFormProps
-  /** 組件 Emits */
-  $emit: BaseFormEmits
-}
 
 // ==================== BaseMultipleInput 組件類型 ====================
 
@@ -591,21 +560,6 @@ export declare const BaseInput: DefineComponent<
   install: (app: App) => void
 }
 
-/** BaseForm 組件定義 */
-export declare const BaseForm: DefineComponent<
-  BaseFormProps,
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  {},
-  BaseFormEmits
-> & {
-  /** 安裝方法 */
-  install: (app: App) => void
-}
 
 /** BaseMultipleInput 組件定義 */
 export declare const BaseMultipleInput: DefineComponent<
@@ -729,8 +683,6 @@ export interface VueTableComponentsPlugin {
   TransferDialog: typeof TransferDialog
   /** BaseInput 組件 */
   BaseInput: typeof BaseInput
-  /** BaseForm 組件 */
-  BaseForm: typeof BaseForm
   /** BaseMultipleInput 組件 */
   BaseMultipleInput: typeof BaseMultipleInput
   /** SearchBar 組件 */
@@ -755,7 +707,6 @@ declare module '@vue/runtime-core' {
     BaseDialog: typeof BaseDialog
     TransferDialog: typeof TransferDialog
     BaseInput: typeof BaseInput
-    BaseForm: typeof BaseForm
     BaseMultipleInput: typeof BaseMultipleInput
     SearchBar: typeof SearchBar
     SearchableListPanel: typeof SearchableListPanel

package/dist/src/components/form/BaseForm.vue.d.ts

@@ -1,33 +0,0 @@
-import { FormRules } from 'element-plus';
-declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onSubmit?: (() => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-        readonly onValidate?: ((valid: boolean) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSubmit" | "onUpdate:modelValue" | "onValidate"> & {
-        modelValue?: object | undefined;
-        rules?: FormRules;
-        labelWidth?: string;
-        dataCy?: string;
-    } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{
-        validate: () => Promise<boolean>;
-        resetFields: () => void;
-        clearValidate: (props?: string | string[]) => void;
-    }>): void;
-    attrs: any;
-    slots: {
-        default?(_: {}): any;
-    };
-    emit: {
-        (e: "update:modelValue", value: Record<string, unknown>): void;
-        (e: "submit"): void;
-        (e: "validate", valid: boolean): void;
-    };
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};