@hywax/cms 1.1.3 → 1.2.0

package/.nuxt/cms/button-copy-text.ts

@@ -0,0 +1,19 @@
+export default {
+  "slots": {
+    "root": "wrap-anywhere",
+    "text": "pe-5",
+    "button": "p-0 -ms-4 align-middle"
+  },
+  "variants": {
+    "buttonInvisible": {
+      "true": {
+        "button": "invisible"
+      }
+    },
+    "to": {
+      "true": {
+        "text": "ps-0"
+      }
+    }
+  }
+}

package/.nuxt/cms/index.ts

@@ -1,3 +1,4 @@
+export { default as ButtonCopyText } from './button-copy-text'
 export { default as ButtonDeleteConfirm } from './button-delete-confirm'
 export { default as FormPanel } from './form-panel'
 export { default as FormPanelAsideSection } from './form-panel-aside-section'

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@hywax/cms",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "configKey": "cms",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -6,7 +6,7 @@ import { snakeCase, kebabCase } from 'scule';
 import { readFile, writeFile } from 'node:fs/promises';
 
 const name = "@hywax/cms";
-const version = "1.1.3";
+const version = "1.2.0";
 
 function createContext(options, nuxt) {
   const { resolve } = createResolver(import.meta.url);
@@ -239,6 +239,26 @@ function prepareServerRoutes({ resolve }) {
   });
 }
 
+const buttonCopyText = {
+  slots: {
+    root: "wrap-anywhere",
+    text: "pe-5",
+    button: "p-0 -ms-4 align-middle"
+  },
+  variants: {
+    buttonInvisible: {
+      true: {
+        button: "invisible"
+      }
+    },
+    to: {
+      true: {
+        text: "ps-0"
+      }
+    }
+  }
+};
+
 const buttonDeleteConfirm = {
   slots: {
     root: ""
@@ -313,6 +333,7 @@ const uploraImage$1 = {
 
 const theme = {
   __proto__: null,
+  ButtonCopyText: buttonCopyText,
   ButtonDeleteConfirm: buttonDeleteConfirm,
   FormPanel: formPanel,
   FormPanelAsideSection: formPanelAsideSection,

package/dist/runtime/components/ButtonCopyText.d.vue.ts

@@ -0,0 +1,26 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps } from '@nuxt/ui';
+import type { RouteLocationRaw } from 'vue-router';
+import type { ComponentConfig } from '../types';
+import theme from '#build/cms/button-copy-text';
+type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
+export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+    text?: string | number | null;
+    showAction?: boolean;
+    alwaysShowTooltip?: boolean;
+    to?: RouteLocationRaw;
+    class?: any;
+    ui?: ButtonCopyText['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ButtonCopyText.vue

@@ -0,0 +1,70 @@
+<template>
+  <div v-if="textValue" ref="button-copy-text" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <UButton
+      v-if="to"
+      :to="to"
+      :class="ui.text({ class: props.ui?.text })"
+      :external="external"
+      :target="target"
+      variant="link"
+      color="info"
+    >
+      <slot>{{ textValue }}</slot>
+    </UButton>
+    <span v-else :class="ui.text({ class: props.ui?.text })">
+      <slot>{{ textValue }}</slot>
+    </span>
+
+    <UTooltip
+      v-if="showAction"
+      :text="tooltipText"
+      :content="{ side: 'top' }"
+      disable-hoverable-content
+      disable-closing-trigger
+    >
+      <UButton
+        :class="ui.button({ class: props.ui?.button })"
+        :icon="copied ? 'check' : 'copy'"
+        variant="link"
+        size="sm"
+        :color="copied ? 'success' : 'neutral'"
+        @click="copy(textValue)"
+      />
+    </UTooltip>
+  </div>
+</template>
+
+<script>
+import theme from "#build/cms/button-copy-text";
+import { useAppConfig } from "#imports";
+import { useClipboard, useElementHover } from "@vueuse/core";
+import { computed, useTemplateRef } from "vue";
+import { tv } from "../tv";
+</script>
+
+<script setup>
+const props = defineProps({
+  text: { type: [String, Number, null], required: false },
+  showAction: { type: Boolean, required: false },
+  alwaysShowTooltip: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  class: { type: null, required: false },
+  ui: { type: null, required: false },
+  target: { type: [String, Object, null], required: false },
+  external: { type: Boolean, required: false },
+  label: { type: String, required: false }
+});
+const appConfig = useAppConfig();
+const { copy, copied } = useClipboard();
+const tooltipText = computed(() => copied.value ? "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E" : "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C");
+const copyTextRef = useTemplateRef("button-copy-text");
+const isHovered = useElementHover(copyTextRef);
+const textValue = computed(() => {
+  const text = props.label ?? props.text;
+  return typeof text === "number" ? text.toString() : text;
+});
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.buttonCopyText || {} })({
+  buttonInvisible: !isHovered.value && !props.alwaysShowTooltip,
+  to: !!props.to
+}));
+</script>

package/dist/runtime/components/ButtonCopyText.vue.d.ts

@@ -0,0 +1,26 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ButtonProps } from '@nuxt/ui';
+import type { RouteLocationRaw } from 'vue-router';
+import type { ComponentConfig } from '../types';
+import theme from '#build/cms/button-copy-text';
+type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
+export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+    text?: string | number | null;
+    showAction?: boolean;
+    alwaysShowTooltip?: boolean;
+    to?: RouteLocationRaw;
+    class?: any;
+    ui?: ButtonCopyText['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/DatePicker.d.vue.ts

@@ -23,8 +23,8 @@ export default _default;
 declare const __VLS_export: <R extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<Props<R> & {
         onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((value: ModelValue<R>) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -32,7 +32,7 @@ declare const __VLS_export: <R extends boolean = false>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: ModelValue<R>) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: ModelValue<R>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/DatePicker.vue.d.ts

@@ -23,8 +23,8 @@ export default _default;
 declare const __VLS_export: <R extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<Props<R> & {
         onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((value: ModelValue<R>) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -32,7 +32,7 @@ declare const __VLS_export: <R extends boolean = false>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: ModelValue<R>) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: ModelValue<R>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/composables/useApi.d.ts

@@ -4,11 +4,10 @@ import type { FetchError } from 'ofetch';
 import type { Ref } from 'vue';
 type PickFrom<T, K extends Array<string>> = T extends Array<any> ? T : T extends Record<string, any> ? keyof T extends K[number] ? T : K[number] extends never ? T : Pick<T, K[number]> : T;
 type KeysOf<T> = Array<T extends T ? (keyof T extends string ? keyof T : never) : never>;
-type DefaultAsyncDataValue = undefined;
 /**
  * На данный момент нет возможности использовать `useFetch` со своим $fetch,
  * поэтому приходится использовать костыль.
  * https://github.com/nuxt/nuxt/issues/14736
  */
-export declare function useApi<ResT = void, ErrorT = FetchError, ReqT extends NitroFetchRequest = NitroFetchRequest, Method extends AvailableRouterMethod<ReqT> = ResT extends void ? 'get' extends AvailableRouterMethod<ReqT> ? 'get' : AvailableRouterMethod<ReqT> : AvailableRouterMethod<ReqT>, _ResT = ResT extends void ? FetchResult<ReqT, Method> : ResT, DataT = _ResT, PickKeys extends KeysOf<DataT> = KeysOf<DataT>, DefaultT = DefaultAsyncDataValue>(request: Ref<ReqT> | ReqT | (() => ReqT), opts?: UseFetchOptions<_ResT, DataT, PickKeys, DefaultT, ReqT, Method>): AsyncData<PickFrom<DataT, PickKeys> | DefaultT, ErrorT | DefaultAsyncDataValue>;
+export declare function useApi<ResT = void, ErrorT = FetchError, ReqT extends NitroFetchRequest = NitroFetchRequest, Method extends AvailableRouterMethod<ReqT> = ResT extends void ? 'get' extends AvailableRouterMethod<ReqT> ? 'get' : AvailableRouterMethod<ReqT> : AvailableRouterMethod<ReqT>, _ResT = ResT extends void ? FetchResult<ReqT, Method> : ResT, DataT = _ResT, PickKeys extends KeysOf<DataT> = KeysOf<DataT>, DefaultT = undefined>(request: Ref<ReqT> | ReqT | (() => ReqT), opts?: UseFetchOptions<_ResT, DataT, PickKeys, DefaultT, ReqT, Method>): AsyncData<PickFrom<DataT, PickKeys> | DefaultT, ErrorT | undefined>;
 export {};

package/dist/runtime/{utils/table.d.ts → composables/useTableColumns.d.ts}

@@ -7,8 +7,10 @@ declare module '@tanstack/table-core' {
         headerLabel?: string;
     }
 }
-export declare function createTableFiltersFields<S extends FormSchema, F extends readonly FiltersField<S>[]>(_schema: S, fields: F): {
-    -readonly [P in keyof F]: F[P];
+export declare function useTableFiltersFields<S extends FormSchema, F extends readonly FiltersField<S>[]>(_schema: S, fields: F): {
+    filtersFields: {
+        -readonly [P in keyof F]: F[P];
+    };
 };
 export type TableColumnFormat = 'number' | 'date' | 'date-time';
 export type TableColumnCustom<T extends TableData, D = unknown> = TableColumn<T, D> & {
@@ -18,6 +20,8 @@ export type TableColumnCustom<T extends TableData, D = unknown> = TableColumn<T,
     external?: boolean;
     emptyValue?: string;
 };
-export declare function createTableColumns<I extends Record<string, any>, T extends readonly TableColumnCustom<I>[] = readonly TableColumnCustom<I>[]>(columns: T): {
-    -readonly [P in keyof T]: T[P];
+export declare function useTableColumns<I extends Record<string, any>, T extends readonly TableColumnCustom<I>[] = readonly TableColumnCustom<I>[]>(columns: T): {
+    columns: {
+        -readonly [P in keyof T]: T[P];
+    };
 };

package/dist/runtime/{utils/table.js → composables/useTableColumns.js}

@@ -1,9 +1,9 @@
 import { UButton } from "#components";
 import { h } from "vue";
-import { formatDate, formatDateTime } from "./date.js";
-import { formatNumber } from "./formatters.js";
-export function createTableFiltersFields(_schema, fields) {
-  return fields;
+import { formatDate, formatDateTime } from "../utils/date.js";
+import { formatNumber } from "../utils/formatters.js";
+export function useTableFiltersFields(_schema, fields) {
+  return { filtersFields: fields };
 }
 function applyFormat(value, column) {
   if (value === void 0 || value === null || !column.format) {
@@ -46,6 +46,6 @@ function transformColumn(column) {
   }
   return col;
 }
-export function createTableColumns(columns) {
-  return columns.map((c) => transformColumn(c));
+export function useTableColumns(columns) {
+  return { columns: columns.map((c) => transformColumn(c)) };
 }

package/dist/runtime/utils/index.d.ts

@@ -5,5 +5,4 @@ export * from './formatters';
 export * from './logger';
 export * from './slugify';
 export * from './storage';
-export * from './table';
 export * from './uplora';

package/dist/runtime/utils/index.js

@@ -5,5 +5,4 @@ export * from "./formatters.js";
 export * from "./logger.js";
 export * from "./slugify.js";
 export * from "./storage.js";
-export * from "./table.js";
 export * from "./uplora.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hywax/cms",
   "type": "module",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Hywax CMS. ⚠️ This package is intended for internal use only.",
   "repository": {
     "type": "git",