@geckou/ui-vue 0.3.0 → 0.4.0

package/dist/const/list-theme.ts

@@ -1,62 +0,0 @@
-export const LIST_THEME = {
-  standard: {
-    jaName      : 'スタンダード',
-    enName      : 'Standard',
-    columnNumber: 3,
-    name        : 'Standard',
-  },
-  rounded: {
-    jaName      : 'ポップ',
-    enName      : 'Rounded',
-    columnNumber: 3,
-    name        : 'Rounded',
-  },
-  artistic: {
-    jaName      : 'アート',
-    enName      : 'Artistic',
-    columnNumber: 3,
-    name        : 'Artistic',
-  },
-  tile: {
-    jaName      : 'タイル',
-    enName      : 'Tile',
-    columnNumber: 3,
-    name        : 'Tile',
-  },
-  simple: {
-    jaName      : 'シンプル',
-    enName      : 'Simple',
-    columnNumber: 3,
-    name        : 'Simple',
-  },
-  row: {
-    jaName      : 'ワイド',
-    enName      : 'Row',
-    columnNumber: 1,
-    name        : 'Row',
-  },
-  news: {
-    jaName      : 'ニュース',
-    enName      : 'News',
-    columnNumber: 1,
-    name        : 'News',
-  },
-  grid: {
-    jaName      : 'グリッド',
-    enName      : 'Grid',
-    columnNumber: 4,
-    name        : 'Grid',
-  },
-  gallery: {
-    jaName      : 'ギャラリー',
-    enName      : 'Gallery',
-    columnNumber: 3,
-    name        : 'Gallery',
-  },
-  entertainment: {
-    jaName      : 'エンタテインメント',
-    enName      : 'Entertainment',
-    columnNumber: 3,
-    name        : 'Entertainment',
-  },
-}

package/dist/index.ts

@@ -1,126 +0,0 @@
-import { App } from 'vue'
-
-// Form / UI components
-import TextBox from './components/TextBox.vue'
-import TextArea from './components/TextArea.vue'
-import BasicButton from './components/BasicButton.vue'
-import SelectBox from './components/SelectBox.vue'
-import CheckBox from './components/CheckBox.vue'
-import CheckBoxes from './components/CheckBoxes.vue'
-import CheckButton from './components/CheckButton.vue'
-import LabeledCheckbox from './components/LabeledCheckbox.vue'
-import LabeledFieldset from './components/LabeledFieldset.vue'
-import RadioButtons from './components/RadioButtons.vue'
-import ToggleButton from './components/ToggleButton.vue'
-import InputBox from './components/InputBox.vue'
-import InputGroup from './components/InputGroup.vue'
-import TextButton from './components/TextButton.vue'
-import DatePicker from './components/DatePicker.vue'
-import DateRangePicker from './components/DateRangePicker.vue'
-import DateSelector from './components/DateSelector.vue'
-import DropdownUi from './components/DropdownUi.vue'
-import ModalBox from './components/ModalBox.vue'
-import PopupBox from './components/PopupBox.vue'
-import SlideDownUi from './components/SlideDownUi.vue'
-import TabUI from './components/TabUI.vue'
-import LoadingSpinner from './components/LoadingSpinner.vue'
-import ErrorMessage from './components/ErrorMessage.vue'
-
-// ArticleList components
-import StandardList from './components/ArticleList/List/Standard.vue'
-import RoundedList from './components/ArticleList/List/Rounded.vue'
-import ArtisticList from './components/ArticleList/List/Artistic.vue'
-import TileList from './components/ArticleList/List/Tile.vue'
-import SimpleList from './components/ArticleList/List/Simple.vue'
-import RowList from './components/ArticleList/List/Row.vue'
-import NewsList from './components/ArticleList/List/News.vue'
-import EntertainmentList from './components/ArticleList/List/Entertainment.vue'
-import GalleryList from './components/ArticleList/List/Gallery.vue'
-import GridList from './components/ArticleList/List/Grid.vue'
-
-const components = {
-  TextBox,
-  TextArea,
-  BasicButton,
-  SelectBox,
-  CheckBox,
-  CheckBoxes,
-  CheckButton,
-  LabeledCheckbox,
-  LabeledFieldset,
-  RadioButtons,
-  ToggleButton,
-  InputBox,
-  InputGroup,
-  TextButton,
-  DatePicker,
-  DateRangePicker,
-  DateSelector,
-  DropdownUi,
-  ModalBox,
-  PopupBox,
-  SlideDownUi,
-  TabUI,
-  LoadingSpinner,
-  ErrorMessage,
-
-  StandardList,
-  RoundedList,
-  ArtisticList,
-  TileList,
-  SimpleList,
-  RowList,
-  NewsList,
-  EntertainmentList,
-  GalleryList,
-  GridList,
-}
-
-export default {
-  install(app: App) {
-    Object.entries(components).forEach(([name, component]) => {
-      app.component(name, component)
-    })
-  },
-}
-
-export {
-  TextBox,
-  TextArea,
-  BasicButton,
-  SelectBox,
-  CheckBox,
-  CheckBoxes,
-  CheckButton,
-  LabeledCheckbox,
-  LabeledFieldset,
-  RadioButtons,
-  ToggleButton,
-  InputBox,
-  InputGroup,
-  TextButton,
-  DatePicker,
-  DateRangePicker,
-  DateSelector,
-  DropdownUi,
-  ModalBox,
-  PopupBox,
-  SlideDownUi,
-  TabUI,
-  LoadingSpinner,
-  ErrorMessage,
-
-  StandardList,
-  RoundedList,
-  ArtisticList,
-  TileList,
-  SimpleList,
-  RowList,
-  NewsList,
-  EntertainmentList,
-  GalleryList,
-  GridList,
-}
-
-export { LIST_THEME } from './const/list-theme'
-export { FormValidationManager } from './scripts/form-validation-manager'

package/dist/scripts/form-validation-manager.ts

@@ -1,63 +0,0 @@
-import { computed, onScopeDispose, shallowRef } from 'vue'
-import type { ComputedRef } from 'vue'
-import { createFormValidationStore } from '@geckou/ui-core'
-import type { FormValidationStore } from '@geckou/ui-core'
-
-/**
- * フォーム内の各入力コンポーネントのバリデーション状態をまとめて管理する。
- *
- * 状態そのものは @geckou/ui-core の createFormValidationStore が持つ。
- * このクラスは Vue のリアクティビティへ繋ぐ薄いラッパーで、
- * 判定ロジックは React 実装（@geckou/ui-react）と共有される。
- *
- * ```ts
- * const manager = new FormValidationManager()
- * // <DatePicker name="startedOn" :formValidationManager="manager" />
- * const canSubmit = manager.isAllValid
- * ```
- */
-export class FormValidationManager {
-  private readonly store: FormValidationStore
-
-  /** 登録済みの入力がすべて有効かどうか */
-  readonly isAllValid: ComputedRef<boolean>
-
-  /** 無効になっている入力の name 一覧 */
-  readonly invalidNames: ComputedRef<string[]>
-
-  constructor() {
-    this.store = createFormValidationStore()
-
-    const snapshot = shallowRef(this.store.getSnapshot())
-    const unsubscribe = this.store.subscribe(() => {
-      snapshot.value = this.store.getSnapshot()
-    })
-
-    // インスタンスを生成した effect scope の破棄時に購読を解除する
-    // （scope の外で生成された場合は何もしない）
-    onScopeDispose(unsubscribe, true)
-
-    this.isAllValid = computed(() => snapshot.value.isAllValid)
-    this.invalidNames = computed(() => snapshot.value.invalidNames)
-  }
-
-  /** 入力の状態を登録・更新する */
-  setValid(name: string, isValid: boolean): void {
-    this.store.setValid(name, isValid)
-  }
-
-  /** 個別の入力が有効かどうか（未登録なら true） */
-  isValid(name: string): boolean {
-    return this.store.isValid(name)
-  }
-
-  /** 管理対象から外す（コンポーネントのアンマウント時など） */
-  remove(name: string): void {
-    this.store.remove(name)
-  }
-
-  /** すべての状態を破棄する */
-  reset(): void {
-    this.store.reset()
-  }
-}

package/dist/scripts/utils.ts

@@ -1,36 +0,0 @@
-import type { Article, PostConfig, WpTerm } from '../types'
-
-export const generateQueryObject = (url: string): Record<string, string> => {
-  const regex = /[?&]([^=#]+)=([^&#]*)/g
-  const queryObject: Record<string, string> = {}
-
-  for (let match; (match = regex.exec(url)) !== null; ) {
-    queryObject[match[1]] = match[2]
-  }
-
-  return queryObject
-}
-
-export const returnTagList = (articleObject: Article): string[] => {
-  const terms = articleObject?.['_embedded']?.['wp:term']?.[1] ?? []
-  return terms.map((tag: WpTerm) => tag.name)
-}
-
-export const returnArticlePath = (postConfig: PostConfig, domain: string, articleId: string) => {
-  // ドメイン末尾とパス先頭のスラッシュが重ならないようにする
-  const base = String(domain).replace(/\/+$/, '')
-  const path = String(postConfig.article_page_path ?? '').replace(/^\/+/, '')
-
-  return `https://${base}/${path}?${postConfig.query_key_name}=${articleId}`
-}
-
-/**
- * 各カードは postConfig.author / category / tag を参照するが、
- * 設定側では useAuthor / useCategory / useTag で渡すこともできるため両対応させる
- */
-export const normalizePostConfig = (postConfig: PostConfig): PostConfig => ({
-  ...postConfig,
-  author  : postConfig?.author ?? postConfig?.useAuthor ?? false,
-  category: postConfig?.category ?? postConfig?.useCategory ?? false,
-  tag     : postConfig?.tag ?? postConfig?.useTag ?? false,
-})

package/dist/types/custom.d.ts

@@ -1 +0,0 @@
-declare module '../*'

package/dist/types/vue-shim.d.ts

@@ -1,5 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
-  export default component
-}