rayyy-vue-table-components 1.3.18 → 1.3.19

package/src/components/form/BaseMultipleInput.vue

@@ -1,112 +0,0 @@
-<script setup lang="ts">
-import { ref, useAttrs } from 'vue'
-import type { ElInput } from 'element-plus'
-
-const inputValue = ref<string>('')
-const InputRef = ref<InstanceType<typeof ElInput>>()
-
-const props = withDefaults(
-  defineProps<{
-    modelValue: string[]
-    type?: string
-    validateRule?: (inputString: string) => boolean
-  }>(),
-  {
-    type: 'textarea',
-    validateRule: () => true,
-  },
-)
-
-// 獲取所有非 props 屬性
-const attrs = useAttrs()
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', val: string[]): void
-  (e: 'inputError'): void
-}>()
-
-const remove = (position: number) => {
-  emits(
-    'update:modelValue',
-    props.modelValue.filter((input, index) => index !== position),
-  )
-}
-
-const handleInputConfirm = () => {
-  const inputString = inputValue.value
-  if (!inputString) {
-    return
-  }
-  if (!props.validateRule(inputString)) {
-    emits('inputError')
-    return
-  }
-  if (!props.modelValue.includes(inputString)) {
-    emits('update:modelValue', props.modelValue.concat(inputValue.value))
-  }
-
-  inputValue.value = ''
-}
-
-const focusInput = () => {
-  InputRef.value?.focus()
-}
-
-const deleteLastTag = () => {
-  if (inputValue.value) {
-    return
-  }
-  emits('update:modelValue', props.modelValue.slice(0, -1))
-}
-</script>
-
-<template>
-  <div v-bind="attrs" class="w-full border border-t rounded" @click="focusInput">
-    <el-tag
-      v-for="(tag, position) in props.modelValue"
-      :key="tag"
-      class="m-0.5 break-all whitespace-pre-line"
-      closable
-      @close="() => remove(position)"
-    >
-      {{ tag }}
-    </el-tag>
-    <el-input
-      ref="InputRef"
-      v-model="inputValue"
-      :type="props.type"
-      class="shadow-none"
-      autosize
-      resize="none"
-      @keydown.enter.prevent="handleInputConfirm"
-      @blur="handleInputConfirm"
-      @keydown.delete.stop="deleteLastTag"
-    />
-  </div>
-</template>
-
-<style scoped lang="scss">
-:deep(.el-input) {
-  --el-input-border-color: transparent;
-  --el-input-focus-border-color: transparent;
-  --el-border-color-hover: transparent;
-}
-
-:deep(.el-input__inner) {
-  box-shadow: none !important;
-}
-
-:deep(.el-input__inner:hover) {
-  box-shadow: none !important;
-}
-
-:deep(.el-input)::-webkit-outer-spin-button,
-:deep(.el-input)::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-:deep(.el-input[type='number']) {
-  -moz-appearance: textfield;
-}
-</style>

package/src/components/form/BaseSelector.vue

@@ -1,62 +0,0 @@
-<template>
-  <el-select
-    v-bind="attrs"
-    :model-value="modelValue"
-    :class="props.class"
-    :placeholder="props.placeholder"
-    :clearable="props.clearable"
-    :collapse-tags="props.collapseTags"
-    :collapse-tags-tooltip="props.collapseTagsTooltip"
-    :multiple="props.multiple"
-    :disabled="props.disabled"
-    :reserve-keyword="false"
-    filterable
-    @update:model-value="updateValue"
-  >
-    <el-option v-for="it in options" :key="it.label" :label="it.label" :value="it.value" />
-  </el-select>
-</template>
-
-<script lang="ts" setup>
-import { useAttrs } from 'vue'
-import type { ElOptions } from '@/types/OptionDto.ts'
-
-export type Selection = string | string[]
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: Selection
-    options?: ElOptions[]
-    placeholder?: string
-    clearable?: boolean
-    collapseTags?: boolean
-    collapseTagsTooltip?: boolean
-    multiple?: boolean
-    disabled?: boolean
-    class?: string
-  }>(),
-  {
-    modelValue: () => '',
-    options: () => [{ value: '', label: '' }],
-    placeholder: '請選擇',
-    class: 'w-full',
-  },
-)
-
-// 獲取所有非 props 屬性
-const attrs = useAttrs()
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', data?: Selection): void
-}>()
-
-function updateValue(val: Selection) {
-  let value: Selection | undefined = val
-
-  if (typeof value === 'string' && !value) {
-    value = undefined
-  }
-
-  emits('update:modelValue', value)
-}
-</script>

package/src/utils/locale.ts

@@ -1,53 +0,0 @@
-/**
- * Element Plus 語言配置工具
- * 提供組件庫推薦的語言設定
- */
-
-// 導入常用的 Element Plus 語言包
-import zhTw from 'element-plus/es/locale/lang/zh-tw'
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import en from 'element-plus/es/locale/lang/en'
-import ja from 'element-plus/es/locale/lang/ja'
-import ko from 'element-plus/es/locale/lang/ko'
-
-// 導出常用的 Element Plus 語言包
-export { default as zhTw } from 'element-plus/es/locale/lang/zh-tw'
-export { default as zhCn } from 'element-plus/es/locale/lang/zh-cn'
-export { default as en } from 'element-plus/es/locale/lang/en'
-export { default as ja } from 'element-plus/es/locale/lang/ja'
-export { default as ko } from 'element-plus/es/locale/lang/ko'
-
-/**
- * 組件庫推薦的 Element Plus 配置
- * 預設使用繁體中文
- */
-export const defaultElementPlusConfig = {
-  locale: zhTw,
-}
-
-/**
- * 常用的語言配置選項
- */
-export const localeOptions = {
-  /** 繁體中文 */
-  'zh-tw': zhTw,
-  /** 簡體中文 */
-  'zh-cn': zhCn,
-  /** 英文 */
-  'en': en,
-  /** 日文 */
-  'ja': ja,
-  /** 韓文 */
-  'ko': ko,
-} as const
-
-/**
- * 獲取指定語言的 Element Plus 配置
- * @param locale 語言代碼
- * @returns Element Plus 配置物件
- */
-export function getElementPlusConfig(locale: keyof typeof localeOptions = 'zh-tw') {
-  return {
-    locale: localeOptions[locale],
-  }
-}