@class-kit/vue 0.1.1 → 0.1.3

package/dist/components/code-preview.js

@@ -0,0 +1,393 @@
+import { defineComponent, ref, watch, onBeforeUnmount, h, nextTick, onMounted, Teleport } from 'vue';
+import { CodePreviewController, configureClassComponents, HeightTransitionController } from '@class-kit/core';
+
+async function writeClipboardText(text) {
+    const clipboard = typeof navigator !== "undefined" ? navigator.clipboard : undefined;
+    if (clipboard && typeof clipboard.writeText === "function") {
+        await clipboard.writeText(text);
+    }
+}
+function resolveClassKitThemeName(theme) {
+    var _a;
+    if (typeof theme === "string")
+        return theme;
+    return (_a = theme === null || theme === void 0 ? void 0 : theme.name) !== null && _a !== void 0 ? _a : "minimal";
+}
+function applyDocumentTheme(themeName) {
+    if (typeof document === "undefined")
+        return undefined;
+    const root = document.documentElement;
+    const previousTheme = root.getAttribute("data-cc-theme");
+    const previousPage = root.getAttribute("data-cc-theme-page");
+    root.setAttribute("data-cc-theme", themeName);
+    root.setAttribute("data-cc-theme-page", "true");
+    return () => {
+        if (previousTheme === null)
+            root.removeAttribute("data-cc-theme");
+        else
+            root.setAttribute("data-cc-theme", previousTheme);
+        if (previousPage === null)
+            root.removeAttribute("data-cc-theme-page");
+        else
+            root.setAttribute("data-cc-theme-page", previousPage);
+    };
+}
+defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        applyGlobalTheme: {
+            type: Boolean,
+            default: true,
+        },
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = ref(0);
+        let restoreDocumentTheme;
+        const applyConfig = () => {
+            configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        const applyGlobalTheme = () => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+            restoreDocumentTheme = props.applyGlobalTheme
+                ? applyDocumentTheme(resolveClassKitThemeName(props.theme))
+                : undefined;
+        };
+        watch(() => [props.locale, props.theme], applyConfig, {
+            deep: true,
+            immediate: true,
+        });
+        watch(() => [props.applyGlobalTheme, props.theme], applyGlobalTheme, {
+            deep: true,
+            immediate: true,
+        });
+        onBeforeUnmount(() => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+        });
+        return () => {
+            var _a;
+            return h("div", {
+                class: ["cc-config-provider", props.class].filter(Boolean),
+                "data-cc-theme": resolveClassKitThemeName(props.theme),
+                style: props.style,
+            }, [
+                h("div", { key: version.value, class: "cc-config-provider__content" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
+    },
+});
+const ClassHeightTransition = /*#__PURE__*/ defineComponent({
+    name: "ClassHeightTransition",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "cc-height-transition" },
+        contentClass: { type: String, default: "cc-height-transition__content" },
+        duration: { type: Number, default: 220 },
+        easing: { type: String, default: "cubic-bezier(0.22, 0.8, 0.28, 1)" },
+        expanded: { type: Boolean, default: false },
+        mode: {
+            type: String,
+            default: "auto",
+        },
+    },
+    setup(props, { attrs, slots }) {
+        const contentRef = ref(null);
+        const height = ref(0);
+        const controller = new HeightTransitionController({
+            duration: props.duration,
+            easing: props.easing,
+            expanded: props.expanded,
+            mode: props.mode,
+        });
+        const state = ref(controller.getState());
+        let observer;
+        const measure = () => {
+            var _a, _b;
+            height.value = (_b = (_a = contentRef.value) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0;
+        };
+        watch(() => [props.duration, props.easing, props.expanded, props.mode], () => {
+            state.value = controller.update({
+                duration: props.duration,
+                easing: props.easing,
+                expanded: props.expanded,
+                mode: props.mode,
+            });
+            nextTick(measure);
+        }, { immediate: true });
+        onMounted(() => {
+            measure();
+            if (typeof ResizeObserver !== "undefined" && contentRef.value) {
+                observer = new ResizeObserver(measure);
+                observer.observe(contentRef.value);
+            }
+        });
+        onBeforeUnmount(() => observer === null || observer === void 0 ? void 0 : observer.disconnect());
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-expanded": state.value.expanded,
+                "data-mode": state.value.mode,
+                style: [
+                    attrs.style,
+                    {
+                        "--cc-height-transition-duration": `${state.value.duration}ms`,
+                        "--cc-height-transition-easing": state.value.easing,
+                        "--cc-height-transition-height": `${height.value}px`,
+                    },
+                ],
+            }, [
+                h("div", { ref: contentRef, class: props.contentClass }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
+    },
+});
+const ClassCodePreview = /*#__PURE__*/ defineComponent({
+    name: "ClassCodePreview",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "cc-code-preview" },
+        code: { type: String, required: true },
+        defaultExpanded: { type: Boolean, default: false },
+        language: { type: String, default: "tsx" },
+        placement: {
+            type: String,
+            default: "auto",
+        },
+        strategy: {
+            type: String,
+            default: "fixed",
+        },
+        title: { type: String, default: "示例源码" },
+        transitionDuration: { type: Number, default: 220 },
+        transitionEasing: {
+            type: String,
+            default: "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        },
+    },
+    emits: ["copy"],
+    setup(props, { attrs, emit, slots }) {
+        const rootRef = ref(null);
+        const panelRef = ref(null);
+        const panelStyle = ref({});
+        const controller = new CodePreviewController({
+            code: props.code,
+            defaultExpanded: props.defaultExpanded,
+            language: props.language,
+            placement: props.placement,
+            title: props.title,
+        });
+        const state = ref(controller.getState());
+        let resetTimer;
+        const sync = () => {
+            state.value = controller.update({
+                code: props.code,
+                language: props.language,
+                placement: props.placement,
+                title: props.title,
+            });
+        };
+        const resolvePlacement = (estimate = false) => {
+            var _a, _b, _c, _d;
+            const rect = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            const panel = panelRef.value;
+            if (!rect || (!panel && !estimate) || typeof window === "undefined")
+                return;
+            const padding = 10;
+            const gap = 10;
+            const viewportWidth = document.documentElement.clientWidth || window.innerWidth;
+            const viewportHeight = document.documentElement.clientHeight || window.innerHeight;
+            const maxPanelHeight = Math.max(160, viewportHeight - padding * 2);
+            const maxPanelWidth = Math.max(160, viewportWidth - padding * 2);
+            const minPanelHeight = Math.min(160, maxPanelHeight);
+            const panelContent = panel === null || panel === void 0 ? void 0 : panel.querySelector("pre");
+            const measuredPanelHeight = Math.max((_b = panel === null || panel === void 0 ? void 0 : panel.offsetHeight) !== null && _b !== void 0 ? _b : 0, (_c = panel === null || panel === void 0 ? void 0 : panel.scrollHeight) !== null && _c !== void 0 ? _c : 0, (_d = panelContent === null || panelContent === void 0 ? void 0 : panelContent.scrollHeight) !== null && _d !== void 0 ? _d : 0, estimate ? 420 : 0);
+            const preferredPanelHeight = Math.min(Math.max(160, measuredPanelHeight || 420), maxPanelHeight);
+            const panelWidth = Math.min(Math.max(rect.width, (panel === null || panel === void 0 ? void 0 : panel.offsetWidth) || 720), maxPanelWidth);
+            const availableBelow = Math.max(minPanelHeight, viewportHeight - rect.bottom - gap - padding);
+            const availableAbove = Math.max(minPanelHeight, rect.top - gap - padding);
+            const placementHeight = Math.min(preferredPanelHeight, Math.max(availableBelow, availableAbove));
+            const nextState = controller.resolvePlacement({
+                anchorBottom: rect.bottom,
+                anchorLeft: rect.left,
+                anchorRight: rect.right,
+                anchorTop: rect.top,
+                panelHeight: placementHeight,
+                panelWidth,
+                viewportHeight,
+                viewportWidth,
+            });
+            state.value = nextState;
+            if (props.strategy !== "fixed") {
+                panelStyle.value = {};
+                return;
+            }
+            const clamp = (value, min, max) => Math.min(Math.max(min, value), max);
+            const width = panelWidth;
+            const maxLeft = Math.max(padding, viewportWidth - width - padding);
+            const viewportPanelHeight = Math.min(preferredPanelHeight, maxPanelHeight);
+            const maxTop = Math.max(padding, viewportHeight - viewportPanelHeight - padding);
+            let left = clamp(rect.left, padding, maxLeft);
+            let top = rect.bottom + gap;
+            let maxHeight = Math.min(preferredPanelHeight, Math.max(minPanelHeight, viewportHeight - top - padding));
+            let transformOrigin = "top left";
+            if (nextState.resolvedPlacement === "top") {
+                maxHeight = Math.min(preferredPanelHeight, availableAbove);
+                top = Math.max(padding, rect.top - gap - maxHeight);
+                transformOrigin = "bottom left";
+            }
+            else if (nextState.resolvedPlacement === "right") {
+                left = clamp(rect.right + gap, padding, maxLeft);
+                top = clamp(rect.top, padding, maxTop);
+                maxHeight = viewportPanelHeight;
+                transformOrigin = "top left";
+            }
+            else if (nextState.resolvedPlacement === "left") {
+                left = clamp(rect.left - width - gap, padding, maxLeft);
+                top = clamp(rect.top, padding, maxTop);
+                maxHeight = viewportPanelHeight;
+                transformOrigin = "top right";
+            }
+            panelStyle.value = {
+                left: `${left}px`,
+                maxHeight: `${maxHeight}px`,
+                top: `${top}px`,
+                transformOrigin,
+                width: `${width}px`,
+            };
+        };
+        const resolvePlacementFromViewport = () => resolvePlacement();
+        const copy = async () => {
+            await writeClipboardText(props.code);
+            state.value = controller.copied();
+            emit("copy", props.code);
+            window.clearTimeout(resetTimer);
+            resetTimer = window.setTimeout(() => {
+                state.value = controller.resetCopied();
+            }, 1200);
+        };
+        watch(() => [props.code, props.language, props.placement, props.title], () => {
+            sync();
+            nextTick(resolvePlacement);
+        });
+        watch(() => state.value.expanded, () => nextTick(resolvePlacement));
+        watch(() => state.value.expanded, (expanded, _previous, onCleanup) => {
+            if (!expanded || typeof document === "undefined")
+                return;
+            const close = () => {
+                panelStyle.value = {};
+                state.value = controller.close();
+            };
+            const closeOnOutside = (event) => {
+                var _a, _b;
+                const target = event.target;
+                if (target &&
+                    (((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) ||
+                        ((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target))))
+                    return;
+                close();
+            };
+            const closeOnEscape = (event) => {
+                if (event.key === "Escape")
+                    close();
+            };
+            document.addEventListener("pointerdown", closeOnOutside, true);
+            document.addEventListener("keydown", closeOnEscape, true);
+            onCleanup(() => {
+                document.removeEventListener("pointerdown", closeOnOutside, true);
+                document.removeEventListener("keydown", closeOnEscape, true);
+            });
+        });
+        onMounted(() => {
+            resolvePlacement();
+            window.addEventListener("resize", resolvePlacementFromViewport);
+            window.addEventListener("scroll", resolvePlacementFromViewport, true);
+        });
+        onBeforeUnmount(() => {
+            window.clearTimeout(resetTimer);
+            window.removeEventListener("resize", resolvePlacementFromViewport);
+            window.removeEventListener("scroll", resolvePlacementFromViewport, true);
+        });
+        return () => {
+            var _a, _b;
+            const panel = h("div", {
+                ref: panelRef,
+                class: "cc-code-preview__panel",
+                "data-placement": state.value.resolvedPlacement,
+                "data-strategy": props.strategy,
+                "data-expanded": state.value.expanded,
+                style: panelStyle.value,
+            }, [
+                h(ClassHeightTransition, {
+                    className: "cc-height-transition cc-code-preview__transition",
+                    contentClass: "cc-height-transition__content cc-code-preview__panel-content",
+                    duration: props.transitionDuration,
+                    easing: props.transitionEasing,
+                    expanded: state.value.expanded,
+                    mode: "auto",
+                }, {
+                    default: () => h("pre", null, [h("code", null, state.value.code)]),
+                }),
+            ]);
+            return h("div", {
+                ...attrs,
+                ref: rootRef,
+                class: props.className,
+                "data-expanded": state.value.expanded,
+                "data-placement": state.value.resolvedPlacement,
+                "data-strategy": props.strategy,
+            }, [
+                h("div", { class: "cc-code-preview__bar" }, [
+                    h("div", { class: "cc-code-preview__meta" }, [
+                        h("span", { class: "cc-code-preview__title" }, [
+                            (_b = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : props.title,
+                        ]),
+                        h("span", { class: "cc-code-preview__lang" }, state.value.language),
+                    ]),
+                    h("div", { class: "cc-code-preview__actions" }, [
+                        h("button", {
+                            type: "button",
+                            onClick: () => {
+                                const nextState = controller.toggle();
+                                state.value = nextState;
+                                if (!nextState.expanded) {
+                                    panelStyle.value = {};
+                                    return;
+                                }
+                                resolvePlacement(true);
+                                window.requestAnimationFrame(() => resolvePlacement());
+                            },
+                        }, state.value.expanded ? "收起" : "源码"),
+                        h("button", { type: "button", onClick: copy }, state.value.copied ? "已复制" : "复制"),
+                    ]),
+                ]),
+                props.strategy === "fixed"
+                    ? h(Teleport, { to: "body" }, panel)
+                    : panel,
+            ]);
+        };
+    },
+});
+
+export { ClassCodePreview };
+//# sourceMappingURL=code-preview.js.map

package/dist/components/code-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview.js","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/components/color-picker.cjs

@@ -6,13 +6,37 @@ var core = require('@class-kit/core');
 const formSymbol = /*#__PURE__*/ Symbol("ClassComponentsForm");
 const formInteractivitySymbol = /*#__PURE__*/ Symbol("ClassComponentsFormInteractivity");
 function resolveClassKitThemeName(theme) {
+    var _a;
     if (typeof theme === "string")
         return theme;
-    return theme?.name ?? "minimal";
+    return (_a = theme === null || theme === void 0 ? void 0 : theme.name) !== null && _a !== void 0 ? _a : "minimal";
+}
+function applyDocumentTheme(themeName) {
+    if (typeof document === "undefined")
+        return undefined;
+    const root = document.documentElement;
+    const previousTheme = root.getAttribute("data-cc-theme");
+    const previousPage = root.getAttribute("data-cc-theme-page");
+    root.setAttribute("data-cc-theme", themeName);
+    root.setAttribute("data-cc-theme-page", "true");
+    return () => {
+        if (previousTheme === null)
+            root.removeAttribute("data-cc-theme");
+        else
+            root.setAttribute("data-cc-theme", previousTheme);
+        if (previousPage === null)
+            root.removeAttribute("data-cc-theme-page");
+        else
+            root.setAttribute("data-cc-theme-page", previousPage);
+    };
 }
 vue.defineComponent({
     name: "ClassConfigProvider",
     props: {
+        applyGlobalTheme: {
+            type: Boolean,
+            default: true,
+        },
         class: {
             type: String,
             default: "",
@@ -32,6 +56,7 @@ vue.defineComponent({
     },
     setup(props, { slots }) {
         const version = vue.ref(0);
+        let restoreDocumentTheme;
         const applyConfig = () => {
             core.configureClassComponents({
                 locale: props.locale,
@@ -39,17 +64,33 @@ vue.defineComponent({
             });
             version.value += 1;
         };
+        const applyGlobalTheme = () => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+            restoreDocumentTheme = props.applyGlobalTheme
+                ? applyDocumentTheme(resolveClassKitThemeName(props.theme))
+                : undefined;
+        };
         vue.watch(() => [props.locale, props.theme], applyConfig, {
             deep: true,
             immediate: true,
         });
-        return () => vue.h("div", {
-            class: ["cc-config-provider", props.class].filter(Boolean),
-            "data-cc-theme": resolveClassKitThemeName(props.theme),
-            style: props.style,
-        }, [
-            vue.h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
-        ]);
+        vue.watch(() => [props.applyGlobalTheme, props.theme], applyGlobalTheme, {
+            deep: true,
+            immediate: true,
+        });
+        vue.onBeforeUnmount(() => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+        });
+        return () => {
+            var _a;
+            return vue.h("div", {
+                class: ["cc-config-provider", props.class].filter(Boolean),
+                "data-cc-theme": resolveClassKitThemeName(props.theme),
+                style: props.style,
+            }, [
+                vue.h("div", { key: version.value, class: "cc-config-provider__content" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
     },
 });
 function optionalBooleanProp() {
@@ -62,10 +103,10 @@ function useFormInteractivity() {
     });
 }
 function resolveFieldInteractivity(form, disabled, readOnly) {
-    const resolvedDisabled = disabled ?? form.disabled.value;
+    const resolvedDisabled = disabled !== null && disabled !== void 0 ? disabled : form.disabled.value;
     return {
         disabled: resolvedDisabled,
-        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly.value),
+        readOnly: !resolvedDisabled && (readOnly !== null && readOnly !== void 0 ? readOnly : form.readOnly.value),
     };
 }
 function createEmptyFormState() {
@@ -83,28 +124,30 @@ function createEmptyFormState() {
     };
 }
 function useOptionalField(name, options = {}) {
+    var _a, _b, _c;
     const form = vue.inject(formSymbol, null);
-    const state = vue.shallowRef(form?.getState() ?? createEmptyFormState());
-    const value = vue.ref((name ? form?.getValue(name) : undefined) ?? options.initialValue ?? "");
+    const state = vue.shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : createEmptyFormState());
+    const value = vue.ref((_c = (_b = (name ? form === null || form === void 0 ? void 0 : form.getValue(name) : undefined)) !== null && _b !== void 0 ? _b : options.initialValue) !== null && _c !== void 0 ? _c : "");
     let unsubscribeForm;
     let unsubscribeField;
     vue.onMounted(() => {
+        var _a;
         if (!form || !name)
             return;
         unsubscribeForm = form.subscribe((nextState) => {
             state.value = nextState;
         });
         unsubscribeField = form.registerField(name, options);
-        value.value = (form.getValue(name) ?? "");
+        value.value = ((_a = form.getValue(name)) !== null && _a !== void 0 ? _a : "");
     });
     vue.onBeforeUnmount(() => {
-        unsubscribeField?.();
-        unsubscribeForm?.();
+        unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+        unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
     });
-    vue.watch(() => (name ? state.value.fields[name]?.value : undefined), (nextValue) => {
+    vue.watch(() => { var _a; return (name ? (_a = state.value.fields[name]) === null || _a === void 0 ? void 0 : _a.value : undefined); }, (nextValue) => {
         if (!form || !name)
             return;
-        value.value = (nextValue ?? "");
+        value.value = (nextValue !== null && nextValue !== void 0 ? nextValue : "");
     });
     return {
         value,
@@ -168,8 +211,9 @@ const ClassColorPicker = /*#__PURE__*/ vue.defineComponent({
             };
         };
         const closeOnOutside = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !panelRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         vue.watch(open, (value) => {
@@ -187,8 +231,9 @@ const ClassColorPicker = /*#__PURE__*/ vue.defineComponent({
             window.removeEventListener("scroll", updatePanelPosition, true);
         });
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
-            const controller = new core.ColorPickerController(String(field.value.value || "#7c3aed"));
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
+            const controller = new core.ColorPickerController(String(field.value.value || "#1d2129"));
             const state = controller.getState();
             const commit = (value) => {
                 if (interactivity.disabled || interactivity.readOnly)
@@ -266,8 +311,9 @@ const ClassColorPicker = /*#__PURE__*/ vue.defineComponent({
                                 },
                                 tabindex: interactivity.disabled ? -1 : 0,
                                 onPointerdown: (event) => {
+                                    var _a, _b;
                                     updateSpectrum(event);
-                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                                 },
                                 onPointermove: (event) => {
                                     if (event.buttons > 0)
@@ -281,8 +327,9 @@ const ClassColorPicker = /*#__PURE__*/ vue.defineComponent({
                                 role: "slider",
                                 tabindex: interactivity.disabled ? -1 : 0,
                                 onPointerdown: (event) => {
+                                    var _a, _b;
                                     updateHue(event);
-                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                                 },
                                 onPointermove: (event) => {
                                     if (event.buttons > 0)