@cck-ui/core 0.19.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/cjs/components/copy-button/copy-button.cjs +59 -0
  2. package/cjs/components/copy-button/copy-button.cjs.map +1 -0
  3. package/cjs/components/copy-button/index.cjs +10 -0
  4. package/cjs/components/copy-button/index.cjs.map +1 -0
  5. package/cjs/index.cjs +54 -51
  6. package/cjs/index.cjs.map +1 -1
  7. package/esm/components/copy-button/copy-button.mjs +59 -0
  8. package/esm/components/copy-button/copy-button.mjs.map +1 -0
  9. package/esm/components/copy-button/index.mjs +9 -0
  10. package/esm/components/copy-button/index.mjs.map +1 -0
  11. package/esm/index.mjs +3 -1
  12. package/esm/index.mjs.map +1 -1
  13. package/lib/components/copy-button/copy-button.types.d.ts +11 -0
  14. package/lib/components/copy-button/index.d.ts +3 -0
  15. package/lib/components/index.d.ts +1 -0
  16. package/package.json +1 -1
package/cjs/components/copy-button/copy-button.cjs ADDED
@@ -0,0 +1,59 @@
1
+ "use client";
2
+ const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
3
+ const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
4
+ let vue = require("vue");
5
+ let _cck_ui_hooks = require("@cck-ui/hooks");
6
+ //#region packages/@cck-ui/core/src/components/copy-button/copy-button.vue
7
+ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
8
+ name: "CCopyButton",
9
+ __name: "copy-button",
10
+ props: {
11
+ timeout: {
12
+ type: Number,
13
+ required: false
14
+ },
15
+ value: {
16
+ type: String,
17
+ required: true
18
+ }
19
+ },
20
+ setup(__props, { expose: __expose }) {
21
+ __expose();
22
+ const rawProps = __props;
23
+ const defaultProps = { timeout: 1e3 };
24
+ const props = require_use_component_props.useComponentProps({
25
+ component: "CCopyButton",
26
+ defaultProps,
27
+ props: rawProps
28
+ });
29
+ const clipboard = (0, _cck_ui_hooks.useClipboard)({ copiedDuring: props.value.timeout });
30
+ const copied = (0, vue.computed)(() => clipboard.copied.value);
31
+ const copy = async () => {
32
+ await clipboard.copy(props.value.value);
33
+ };
34
+ const __returned__ = {
35
+ rawProps,
36
+ defaultProps,
37
+ props,
38
+ clipboard,
39
+ copied,
40
+ copy
41
+ };
42
+ Object.defineProperty(__returned__, "__isScriptSetup", {
43
+ enumerable: false,
44
+ value: true
45
+ });
46
+ return __returned__;
47
+ }
48
+ });
49
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
50
+ return (0, vue.renderSlot)(_ctx.$slots, "default", {
51
+ copied: $setup.copied,
52
+ copy: $setup.copy
53
+ });
54
+ }
55
+ var copy_button_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/copy-button/copy-button.vue"]]);
56
+ //#endregion
57
+ exports.default = copy_button_default;
58
+
59
+ //# sourceMappingURL=copy-button.cjs.map
package/cjs/components/copy-button/copy-button.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-button.cjs","names":[],"sources":["../../../src/components/copy-button/copy-button.vue"],"sourcesContent":["<template>\n <slot :copied=\"copied\" :copy=\"copy\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useClipboard } from '@cck-ui/hooks'\nimport { useComponentProps } from '../../core'\nimport { CopyButtonProps } from './copy-button.types'\nimport { computed } from 'vue'\n\ndefineOptions({\n name: 'CCopyButton',\n})\n\nconst rawProps = defineProps<CopyButtonProps>()\n\nconst defaultProps = {\n timeout: 1000,\n} satisfies Partial<CopyButtonProps>\n\nconst props = useComponentProps({\n component: 'CCopyButton',\n defaultProps,\n props: rawProps,\n})\n\nconst clipboard = useClipboard({ copiedDuring: props.value.timeout })\nconst copied = computed(() => clipboard.copied.value)\nconst copy = async () => {\n await clipboard.copy(props.value.value)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,WAAW;EAEjB,MAAM,eAAe,EACnB,SAAS,IACX;EAEA,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAA,GAAA,cAAA,aAAA,CAAyB,EAAE,cAAc,MAAM,MAAM,QAAQ,CAAC;EACpE,MAAM,UAAA,GAAA,IAAA,SAAA,OAAwB,UAAU,OAAO,KAAK;EACpD,MAAM,OAAO,YAAY;GACvB,MAAM,UAAU,KAAK,MAAM,MAAM,KAAK;EACxC;;;;;;;;;;;;;;;;;4BA7BwC,KAAA,QAAA,WAAA;EAA/B,QAAQ,OAAA;EAAS,MAAM,OAAA"}
package/cjs/components/copy-button/index.cjs ADDED
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ const require_install = require("../../core/utils/vue/install.cjs");
3
+ const require_copy_button = require("./copy-button.cjs");
4
+ //#region packages/@cck-ui/core/src/components/copy-button/index.ts
5
+ const CCopyButton = require_install.withInstall(require_copy_button.default);
6
+ //#endregion
7
+ exports.CCopyButton = CCopyButton;
8
+ exports.default = CCopyButton;
9
+
10
+ //# sourceMappingURL=index.cjs.map
package/cjs/components/copy-button/index.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","names":["withInstall","CopyButton"],"sources":["../../../src/components/copy-button/index.ts"],"sourcesContent":["import { withInstall } from '../../core'\nimport CopyButton from './copy-button.vue'\n\nexport const CCopyButton = withInstall(CopyButton)\n\nexport default CCopyButton\n\nexport * from './copy-button.types'\n"],"mappings":";;;;AAGA,MAAa,cAAcA,gBAAAA,YAAYC,oBAAAA,OAAU"}
package/cjs/index.cjs CHANGED
@@ -66,19 +66,20 @@ const require_index$9 = require("./components/aspect-ratio/index.cjs");
66
66
  const require_index$10 = require("./components/button/index.cjs");
67
67
  const require_index$11 = require("./components/center/index.cjs");
68
68
  const require_index$12 = require("./components/container/index.cjs");
69
- const require_index$13 = require("./components/empty-state/index.cjs");
70
- const require_index$14 = require("./components/flex/index.cjs");
71
- const require_index$15 = require("./components/grid/index.cjs");
72
- const require_index$16 = require("./components/group/index.cjs");
73
- const require_index$17 = require("./components/image/index.cjs");
74
- const require_index$18 = require("./components/paper/index.cjs");
75
- const require_index$19 = require("./components/semi-circle-progress/index.cjs");
76
- const require_index$20 = require("./components/simple-grid/index.cjs");
77
- const require_index$21 = require("./components/skeleton/index.cjs");
78
- const require_index$22 = require("./components/space/index.cjs");
79
- const require_index$23 = require("./components/splitter/index.cjs");
80
- const require_index$24 = require("./components/stack/index.cjs");
81
- const require_index$25 = require("./components/text/index.cjs");
69
+ const require_index$13 = require("./components/copy-button/index.cjs");
70
+ const require_index$14 = require("./components/empty-state/index.cjs");
71
+ const require_index$15 = require("./components/flex/index.cjs");
72
+ const require_index$16 = require("./components/grid/index.cjs");
73
+ const require_index$17 = require("./components/group/index.cjs");
74
+ const require_index$18 = require("./components/image/index.cjs");
75
+ const require_index$19 = require("./components/paper/index.cjs");
76
+ const require_index$20 = require("./components/semi-circle-progress/index.cjs");
77
+ const require_index$21 = require("./components/simple-grid/index.cjs");
78
+ const require_index$22 = require("./components/skeleton/index.cjs");
79
+ const require_index$23 = require("./components/space/index.cjs");
80
+ const require_index$24 = require("./components/splitter/index.cjs");
81
+ const require_index$25 = require("./components/stack/index.cjs");
82
+ const require_index$26 = require("./components/text/index.cjs");
82
83
  let _vue_shared = require("@vue/shared");
83
84
  //#region packages/@cck-ui/core/src/index.ts
84
85
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -95,27 +96,28 @@ const components = [
95
96
  require_index$10.CButtonGroupSection,
96
97
  require_index$11.CCenter,
97
98
  require_index$7.CCloseButton,
98
- require_index$15.CCol,
99
+ require_index$16.CCol,
99
100
  require_index$12.CContainer,
100
- require_index$13.CEmptyState,
101
- require_index$13.CEmptyStateActions,
102
- require_index$13.CEmptyStateDescription,
103
- require_index$13.CEmptyStateIndicator,
104
- require_index$13.CEmptyStateTitle,
105
- require_index$14.CFlex,
106
- require_index$15.CGrid,
107
- require_index$16.CGroup,
108
- require_index$17.CImage,
101
+ require_index$13.CCopyButton,
102
+ require_index$14.CEmptyState,
103
+ require_index$14.CEmptyStateActions,
104
+ require_index$14.CEmptyStateDescription,
105
+ require_index$14.CEmptyStateIndicator,
106
+ require_index$14.CEmptyStateTitle,
107
+ require_index$15.CFlex,
108
+ require_index$16.CGrid,
109
+ require_index$17.CGroup,
110
+ require_index$18.CImage,
109
111
  require_index$4.CLoader,
110
- require_index$18.CPaper,
111
- require_index$19.CSemiCircleProgress,
112
- require_index$20.CSimpleGrid,
113
- require_index$21.CSkeleton,
114
- require_index$22.CSpace,
115
- require_index$23.CSplitter,
116
- require_index$23.CSplitterPane,
117
- require_index$24.CStack,
118
- require_index$25.CText,
112
+ require_index$19.CPaper,
113
+ require_index$20.CSemiCircleProgress,
114
+ require_index$21.CSimpleGrid,
115
+ require_index$22.CSkeleton,
116
+ require_index$23.CSpace,
117
+ require_index$24.CSplitter,
118
+ require_index$24.CSplitterPane,
119
+ require_index$25.CStack,
120
+ require_index$26.CText,
119
121
  require_index$5.CTransition,
120
122
  require_index$3.UnstyledButton
121
123
  ];
@@ -139,29 +141,30 @@ exports.CButtonGroupSection = require_index$10.CButtonGroupSection;
139
141
  exports.CCK_TRANSITIONS = require_transitions.transitions;
140
142
  exports.CCenter = require_index$11.CCenter;
141
143
  exports.CCloseButton = require_index$7.CCloseButton;
142
- exports.CCol = require_index$15.CCol;
144
+ exports.CCol = require_index$16.CCol;
143
145
  exports.CContainer = require_index$12.CContainer;
146
+ exports.CCopyButton = require_index$13.CCopyButton;
144
147
  exports.CDefaultLoaders = require_index$4.CDefaultLoaders;
145
- exports.CEmptyState = require_index$13.CEmptyState;
146
- exports.CEmptyStateActions = require_index$13.CEmptyStateActions;
147
- exports.CEmptyStateDescription = require_index$13.CEmptyStateDescription;
148
- exports.CEmptyStateIndicator = require_index$13.CEmptyStateIndicator;
149
- exports.CEmptyStateTitle = require_index$13.CEmptyStateTitle;
150
- exports.CFlex = require_index$14.CFlex;
151
- exports.CGrid = require_index$15.CGrid;
152
- exports.CGroup = require_index$16.CGroup;
153
- exports.CImage = require_index$17.CImage;
148
+ exports.CEmptyState = require_index$14.CEmptyState;
149
+ exports.CEmptyStateActions = require_index$14.CEmptyStateActions;
150
+ exports.CEmptyStateDescription = require_index$14.CEmptyStateDescription;
151
+ exports.CEmptyStateIndicator = require_index$14.CEmptyStateIndicator;
152
+ exports.CEmptyStateTitle = require_index$14.CEmptyStateTitle;
153
+ exports.CFlex = require_index$15.CFlex;
154
+ exports.CGrid = require_index$16.CGrid;
155
+ exports.CGroup = require_index$17.CGroup;
156
+ exports.CImage = require_index$18.CImage;
154
157
  exports.CLoader = require_index$4.CLoader;
155
158
  exports.CONFIG_KEY = require_config_provider_types.CONFIG_KEY;
156
- exports.CPaper = require_index$18.CPaper;
157
- exports.CSemiCircleProgress = require_index$19.CSemiCircleProgress;
158
- exports.CSimpleGrid = require_index$20.CSimpleGrid;
159
- exports.CSkeleton = require_index$21.CSkeleton;
160
- exports.CSpace = require_index$22.CSpace;
161
- exports.CSplitter = require_index$23.CSplitter;
162
- exports.CSplitterPane = require_index$23.CSplitterPane;
163
- exports.CStack = require_index$24.CStack;
164
- exports.CText = require_index$25.CText;
159
+ exports.CPaper = require_index$19.CPaper;
160
+ exports.CSemiCircleProgress = require_index$20.CSemiCircleProgress;
161
+ exports.CSimpleGrid = require_index$21.CSimpleGrid;
162
+ exports.CSkeleton = require_index$22.CSkeleton;
163
+ exports.CSpace = require_index$23.CSpace;
164
+ exports.CSplitter = require_index$24.CSplitter;
165
+ exports.CSplitterPane = require_index$24.CSplitterPane;
166
+ exports.CStack = require_index$25.CStack;
167
+ exports.CText = require_index$26.CText;
165
168
  exports.CTransition = require_index$5.CTransition;
166
169
  exports.CckConfigProvider = require_index$1.CckConfigProvider;
167
170
  exports.CckUI = CckUI;
package/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CActionIcon","CActionIconGroup","CActionIconGroupSection","CAlert","CAspectRatio","CButton","CButtonGroup","CButtonGroupSection","CCenter","CCloseButton","CCol","CContainer","CEmptyState","CEmptyStateActions","CEmptyStateDescription","CEmptyStateIndicator","CEmptyStateTitle","CFlex","CGrid","CGroup","CImage","CLoader","CPaper","CSemiCircleProgress","CSimpleGrid","CSkeleton","CSpace","CSplitter","CSplitterPane","CStack","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CActionIcon","CActionIconGroup","CActionIconGroupSection","CAlert","CAspectRatio","CButton","CButtonGroup","CButtonGroupSection","CCenter","CCloseButton","CCol","CContainer","CCopyButton","CEmptyState","CEmptyStateActions","CEmptyStateDescription","CEmptyStateIndicator","CEmptyStateTitle","CFlex","CGrid","CGroup","CImage","CLoader","CPaper","CSemiCircleProgress","CSimpleGrid","CSkeleton","CSpace","CSplitter","CSplitterPane","CStack","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
package/esm/components/copy-button/copy-button.mjs ADDED
@@ -0,0 +1,59 @@
1
+ "use client";
2
+ import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
3
+ import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
4
+ import { computed, defineComponent, renderSlot } from "vue";
5
+ import { useClipboard } from "@cck-ui/hooks";
6
+ //#region packages/@cck-ui/core/src/components/copy-button/copy-button.vue
7
+ const _sfc_main = /*@__PURE__*/ defineComponent({
8
+ name: "CCopyButton",
9
+ __name: "copy-button",
10
+ props: {
11
+ timeout: {
12
+ type: Number,
13
+ required: false
14
+ },
15
+ value: {
16
+ type: String,
17
+ required: true
18
+ }
19
+ },
20
+ setup(__props, { expose: __expose }) {
21
+ __expose();
22
+ const rawProps = __props;
23
+ const defaultProps = { timeout: 1e3 };
24
+ const props = useComponentProps({
25
+ component: "CCopyButton",
26
+ defaultProps,
27
+ props: rawProps
28
+ });
29
+ const clipboard = useClipboard({ copiedDuring: props.value.timeout });
30
+ const copied = computed(() => clipboard.copied.value);
31
+ const copy = async () => {
32
+ await clipboard.copy(props.value.value);
33
+ };
34
+ const __returned__ = {
35
+ rawProps,
36
+ defaultProps,
37
+ props,
38
+ clipboard,
39
+ copied,
40
+ copy
41
+ };
42
+ Object.defineProperty(__returned__, "__isScriptSetup", {
43
+ enumerable: false,
44
+ value: true
45
+ });
46
+ return __returned__;
47
+ }
48
+ });
49
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
50
+ return renderSlot(_ctx.$slots, "default", {
51
+ copied: $setup.copied,
52
+ copy: $setup.copy
53
+ });
54
+ }
55
+ var copy_button_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/copy-button/copy-button.vue"]]);
56
+ //#endregion
57
+ export { copy_button_default as default };
58
+
59
+ //# sourceMappingURL=copy-button.mjs.map
package/esm/components/copy-button/copy-button.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-button.mjs","names":[],"sources":["../../../src/components/copy-button/copy-button.vue"],"sourcesContent":["<template>\n <slot :copied=\"copied\" :copy=\"copy\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useClipboard } from '@cck-ui/hooks'\nimport { useComponentProps } from '../../core'\nimport { CopyButtonProps } from './copy-button.types'\nimport { computed } from 'vue'\n\ndefineOptions({\n name: 'CCopyButton',\n})\n\nconst rawProps = defineProps<CopyButtonProps>()\n\nconst defaultProps = {\n timeout: 1000,\n} satisfies Partial<CopyButtonProps>\n\nconst props = useComponentProps({\n component: 'CCopyButton',\n defaultProps,\n props: rawProps,\n})\n\nconst clipboard = useClipboard({ copiedDuring: props.value.timeout })\nconst copied = computed(() => clipboard.copied.value)\nconst copy = async () => {\n await clipboard.copy(props.value.value)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,WAAW;EAEjB,MAAM,eAAe,EACnB,SAAS,IACX;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,YAAY,aAAa,EAAE,cAAc,MAAM,MAAM,QAAQ,CAAC;EACpE,MAAM,SAAS,eAAe,UAAU,OAAO,KAAK;EACpD,MAAM,OAAO,YAAY;GACvB,MAAM,UAAU,KAAK,MAAM,MAAM,KAAK;EACxC;;;;;;;;;;;;;;;;;QA7BE,WAAsC,KAAA,QAAA,WAAA;EAA/B,QAAQ,OAAA;EAAS,MAAM,OAAA"}
package/esm/components/copy-button/index.mjs ADDED
@@ -0,0 +1,9 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import copy_button_default from "./copy-button.mjs";
4
+ //#region packages/@cck-ui/core/src/components/copy-button/index.ts
5
+ const CCopyButton = withInstall(copy_button_default);
6
+ //#endregion
7
+ export { CCopyButton, CCopyButton as default };
8
+
9
+ //# sourceMappingURL=index.mjs.map
package/esm/components/copy-button/index.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["CopyButton"],"sources":["../../../src/components/copy-button/index.ts"],"sourcesContent":["import { withInstall } from '../../core'\nimport CopyButton from './copy-button.vue'\n\nexport const CCopyButton = withInstall(CopyButton)\n\nexport default CCopyButton\n\nexport * from './copy-button.types'\n"],"mappings":";;;;AAGA,MAAa,cAAc,YAAYA,mBAAU"}
package/esm/index.mjs CHANGED
@@ -62,6 +62,7 @@ import { CAspectRatio } from "./components/aspect-ratio/index.mjs";
62
62
  import { CButton, CButtonGroup, CButtonGroupSection } from "./components/button/index.mjs";
63
63
  import { CCenter } from "./components/center/index.mjs";
64
64
  import { CContainer } from "./components/container/index.mjs";
65
+ import { CCopyButton } from "./components/copy-button/index.mjs";
65
66
  import { CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle } from "./components/empty-state/index.mjs";
66
67
  import { CFlex } from "./components/flex/index.mjs";
67
68
  import { CCol, CGrid } from "./components/grid/index.mjs";
@@ -92,6 +93,7 @@ const components = [
92
93
  CCloseButton,
93
94
  CCol,
94
95
  CContainer,
96
+ CCopyButton,
95
97
  CEmptyState,
96
98
  CEmptyStateActions,
97
99
  CEmptyStateDescription,
@@ -122,6 +124,6 @@ const CckUI = { install(app) {
122
124
  });
123
125
  } };
124
126
  //#endregion
125
- export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAlert, CAspectRatio, CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CDefaultLoaders, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFlex, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
127
+ export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAlert, CAspectRatio, CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CCopyButton, CDefaultLoaders, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFlex, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
126
128
 
127
129
  //# sourceMappingURL=index.mjs.map
package/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
package/lib/components/copy-button/copy-button.types.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ export interface CopyButtonProps {
2
+ /**
3
+ * @description Copied status timeout in ms
4
+ * @default 1000
5
+ */
6
+ timeout?: number;
7
+ /**
8
+ * @description Value that is copied to the clipboard when the button is clicked
9
+ */
10
+ value: string;
11
+ }
package/lib/components/copy-button/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const CCopyButton: any;
2
+ export default CCopyButton;
3
+ export * from './copy-button.types';
package/lib/components/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './button';
5
5
  export * from './center';
6
6
  export * from './close-button';
7
7
  export * from './container';
8
+ export * from './copy-button';
8
9
  export * from './empty-state';
9
10
  export * from './flex';
10
11
  export * from './grid';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cck-ui/core",
3
- "version": "0.19.0",
3
+ "version": "0.20.0",
4
4
  "description": "Vue component library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://cck-ui.jackatlas.xyz",
6
6
  "license": "ISC",