@shwfed/config 1.1.4 → 2.0.0

package/dist/runtime/components/config/footer.vue

@@ -1,62 +0,0 @@
-<script setup>
-import { Icon } from "@iconify/vue";
-import { Button } from "../ui/button";
-defineOptions({ name: "ShwfedConfigEditorFooter" });
-const props = defineProps({
-  state: { type: Object, required: true }
-});
-const emit = defineEmits(["close"]);
-function onDismiss() {
-  props.state.dismiss();
-  emit("close");
-}
-function onConfirm() {
-  const dirtyBefore = props.state.isDirty.value;
-  const errorBefore = props.state.validationError.value;
-  props.state.confirm();
-  const errorAfter = props.state.validationError.value;
-  if (errorAfter && errorAfter !== errorBefore) return;
-  if (!dirtyBefore || !errorAfter) emit("close");
-}
-</script>
-
-<template>
-  <div class="flex w-full items-center justify-between gap-3">
-    <div class="flex flex-1 flex-col gap-1 text-xs">
-      <span
-        v-if="props.state.validationError.value"
-        class="text-red-500 break-all"
-      >{{ props.state.validationError.value }}</span>
-    </div>
-    <Button
-      v-if="props.state.stack.value.length > 1"
-      type="button"
-      variant="default"
-      size="sm"
-      @click="props.state.popOne()"
-    >
-      <Icon icon="fluent:arrow-left-20-regular" />
-      返回
-    </Button>
-    <template v-else>
-      <Button
-        type="button"
-        variant="default"
-        size="sm"
-        @click="onDismiss"
-      >
-        <Icon icon="fluent:dismiss-20-regular" />
-        取消
-      </Button>
-      <Button
-        type="button"
-        variant="primary"
-        size="sm"
-        @click="onConfirm"
-      >
-        <Icon icon="fluent:checkmark-20-regular" />
-        确认
-      </Button>
-    </template>
-  </div>
-</template>

package/dist/runtime/components/config/footer.vue.d.ts

@@ -1,11 +0,0 @@
-import type { ConfigEditorState } from './use-editor.js';
-type __VLS_Props = {
-    state: ConfigEditorState;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/config/index.d.vue.ts

@@ -1,37 +0,0 @@
-import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import { type PageConfigValue } from './schema.js';
-type __VLS_Props = {
-    configure?: (env: Environment) => void;
-    editable?: boolean;
-};
-type __VLS_ModelProps = {
-    'config'?: PageConfigValue | null | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:config": (value: Readonly<{
-        kind: "shwfed.component.page";
-        slot: Readonly<{
-            blocks: ReadonlyArray<import("./schema.js").BlockValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../form/schema.js").LayoutValue;
-            }>[];
-        }>;
-    }> | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:config"?: ((value: Readonly<{
-        kind: "shwfed.component.page";
-        slot: Readonly<{
-            blocks: ReadonlyArray<import("./schema.js").BlockValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../form/schema.js").LayoutValue;
-            }>[];
-        }>;
-    }> | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/config/index.vue

@@ -1,98 +0,0 @@
-<script setup>
-import { computed, ref, watch } from "vue";
-import { injectCELContext } from "../../plugins/cel/context";
-import SlotRenderer from "../../share/slot-renderer.vue";
-import ShwfedModal from "../modal.vue";
-import EditorBody from "./config.vue";
-import EditorBreadcrumb from "./breadcrumb.vue";
-import EditorFooter from "./footer.vue";
-import { createPageConfig } from "./schema";
-import { useConfigEditor } from "./use-editor";
-import { findBlock } from "./utils/resolve";
-defineOptions({ name: "ShwfedConfig" });
-const configModel = defineModel("config", { type: null });
-const config = computed({
-  get: () => configModel.value ?? createPageConfig(),
-  set: (next) => {
-    configModel.value = next;
-  }
-});
-const props = defineProps({
-  configure: { type: Function, required: false },
-  editable: { type: Boolean, required: false }
-});
-const inheritedCEL = injectCELContext();
-const hostConfigure = props.configure ?? (() => {
-});
-const mergedConfigure = (env) => {
-  hostConfigure(env);
-  const existing = new Set(env.getDefinitions().variables.map((v) => v.name));
-  for (const [name, v] of Object.entries(inheritedCEL)) {
-    if (existing.has(name)) continue;
-    env.registerVariable(name, v.type, { description: v.description });
-  }
-};
-const editorOpen = ref(false);
-const editorState = useConfigEditor(config, {
-  configure: mergedConfigure,
-  onClose: () => {
-    editorOpen.value = false;
-  }
-});
-watch(editorOpen, (open, prev) => {
-  if (open && !prev) editorState.reset();
-});
-function onGridClick(event) {
-  if (!props.editable) return;
-  if (!event.metaKey && !event.ctrlKey) return;
-  event.preventDefault();
-  event.stopPropagation();
-  editorOpen.value = true;
-}
-function updateSlot(next) {
-  config.value = { ...config.value, slot: next };
-}
-</script>
-
-<template>
-  <ClientOnly>
-    <div
-      class="contents"
-      @click.capture="onGridClick"
-    >
-      <SlotRenderer
-        :slot-value="config.slot"
-        :configure="mergedConfigure"
-        :find-entry="findBlock"
-        @update:slot-value="updateSlot"
-      >
-        <template
-          v-if="editable"
-          #empty
-        >
-          meta+click 进入编辑
-        </template>
-      </SlotRenderer>
-    </div>
-    <ShwfedModal
-      v-if="editable"
-      v-model:open="editorOpen"
-      content-width="90vw"
-      :dismissible="true"
-    >
-      <template #title>
-        <EditorBreadcrumb :state="editorState" />
-      </template>
-      <template #description>
-        <span class="sr-only">编辑页面布局与块配置</span>
-      </template>
-      <EditorBody :state="editorState" />
-      <template #footer>
-        <EditorFooter
-          :state="editorState"
-          @close="editorOpen = false"
-        />
-      </template>
-    </ShwfedModal>
-  </ClientOnly>
-</template>

package/dist/runtime/components/config/index.vue.d.ts

@@ -1,37 +0,0 @@
-import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import { type PageConfigValue } from './schema.js';
-type __VLS_Props = {
-    configure?: (env: Environment) => void;
-    editable?: boolean;
-};
-type __VLS_ModelProps = {
-    'config'?: PageConfigValue | null | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:config": (value: Readonly<{
-        kind: "shwfed.component.page";
-        slot: Readonly<{
-            blocks: ReadonlyArray<import("./schema.js").BlockValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../form/schema.js").LayoutValue;
-            }>[];
-        }>;
-    }> | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:config"?: ((value: Readonly<{
-        kind: "shwfed.component.page";
-        slot: Readonly<{
-            blocks: ReadonlyArray<import("./schema.js").BlockValue>;
-            layouts: readonly Readonly<{
-                name: string;
-                media?: string;
-                layout: import("../form/schema.js").LayoutValue;
-            }>[];
-        }>;
-    }> | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/config/schema.d.ts

@@ -1,102 +0,0 @@
-import { Schema } from 'effect';
-import type { Environment } from '../../vendor/cel-js/lib/index.js';
-declare const KIND = "shwfed.component.page";
-export declare function PageConfig(configure: (env: Environment) => void): Schema.Struct<{
-    kind: Schema.tag<"shwfed.component.page">;
-    slot: Schema.refine<{
-        readonly blocks: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-    }, Schema.Struct<{
-        blocks: Schema.Array$<Schema.Schema<any, any, never>>;
-        layouts: Schema.refine<readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[], Schema.Array$<Schema.Struct<{
-            name: Schema.SchemaClass<string, string, never>;
-            media: Schema.optional<Schema.Schema<string, string, never>>;
-            layout: Schema.Struct<{
-                columns: Schema.refine<number, Schema.filter<typeof Schema.Number>>;
-                rows: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
-                gap: Schema.optional<Schema.refine<number, Schema.filter<typeof Schema.Number>>>;
-                style: Schema.optional<Schema.SchemaClass<string, string, never>>;
-                placements: Schema.Record$<typeof Schema.String, Schema.Struct<{
-                    area: Schema.refine<readonly [readonly [number, number], readonly [number, number]], Schema.Tuple2<Schema.Tuple2<Schema.filter<Schema.filter<typeof Schema.Number>>, Schema.filter<Schema.filter<typeof Schema.Number>>>, Schema.Tuple2<Schema.filter<Schema.filter<typeof Schema.Number>>, Schema.filter<Schema.filter<typeof Schema.Number>>>>>;
-                    h: Schema.optional<Schema.Literal<["start", "center", "end", "stretch"]>>;
-                    v: Schema.optional<Schema.Literal<["start", "center", "end", "stretch"]>>;
-                }>>;
-            }>;
-        }>>>;
-    }>>;
-}>;
-/**
- * Creation-time defaults for a fresh page. Mirrors the `defaultBlockBody`
- * seed used when a form block is added — newly-instantiated pages arrive
- * with one `默认` layout so the schema's `minItems(1)` invariant is met
- * and the editor opens on a usable canvas.
- */
-export declare function defaults(): Pick<PageConfigValue, 'slot'>;
-export declare function createPageConfig(body?: Partial<Omit<Schema.Schema.Type<ReturnType<typeof PageConfig>>, 'kind'>>): {
-    slot: {
-        readonly blocks: readonly any[];
-        readonly layouts: readonly {
-            readonly name: string;
-            readonly layout: {
-                readonly style?: string | undefined;
-                readonly columns: number;
-                readonly gap?: number | undefined;
-                readonly rows?: number | undefined;
-                readonly placements: {
-                    readonly [x: string]: {
-                        readonly area: readonly [readonly [number, number], readonly [number, number]];
-                        readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                        readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                    };
-                };
-            };
-            readonly media?: string | undefined;
-        }[];
-    };
-    kind: typeof KIND;
-};
-export type BlockValue = Readonly<{
-    id: string;
-    type: string;
-    compatibilityDate: string;
-}> & Readonly<Record<string, unknown>>;
-export type { LayoutSetValue } from '../../share/layout.js';
-export type PageConfigValue = Readonly<{
-    kind: typeof KIND;
-    slot: Readonly<{
-        blocks: ReadonlyArray<BlockValue>;
-        layouts: ReadonlyArray<import('../../share/layout').LayoutSetValue>;
-    }>;
-}>;

package/dist/runtime/components/config/schema.js

@@ -1,23 +0,0 @@
-import { Schema } from "effect";
-import { Slot, defaultSlot } from "../../share/layout.js";
-import { blockRef } from "./utils/resolve.js";
-const KIND = "shwfed.component.page";
-export function PageConfig(configure) {
-  const Block = blockRef(configure).annotations({
-    description: "\u9875\u9762\u5757\uFF0C\u7531 `type` \u5B57\u6BB5\u533A\u5206\u7C7B\u578B"
-  });
-  const PageSlot = Slot(Block, configure);
-  return Schema.Struct({
-    kind: Schema.tag(KIND),
-    slot: PageSlot
-  }).annotations({
-    title: "PageConfig",
-    description: "\u9875\u9762\u7EC4\u4EF6\u5B8C\u6574\u914D\u7F6E"
-  });
-}
-export function defaults() {
-  return { slot: defaultSlot() };
-}
-export function createPageConfig(body) {
-  return { kind: KIND, ...defaults(), ...body };
-}

package/dist/runtime/components/config/use-editor.d.ts

@@ -1,102 +0,0 @@
-import { type ComputedRef, type Ref, type WritableComputedRef } from 'vue';
-import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import { type LayoutSetValue, type SlotValue } from '../../share/layout.js';
-import type { BreadcrumbCrumb, BreadcrumbParentSuffix } from './breadcrumb-extension.js';
-import { type BlockValue, type PageConfigValue } from './schema.js';
-import { type BlockEntry } from './utils/resolve.js';
-export type PickerEntry = {
-    type: string;
-    compatibilityDate: string;
-    name: string;
-    icon: string;
-};
-export type StackEntry = {
-    kind: 'layout';
-} | {
-    kind: 'block';
-    blockId: string;
-};
-export type Breadcrumb = {
-    kind: 'layout';
-    label: string;
-    index: number;
-} | {
-    kind: 'block';
-    label: string;
-    index: number;
-    blockId: string;
-} | {
-    kind: 'sub';
-    label: string;
-    subIndex: number;
-    clickable: boolean;
-};
-export interface SlotEditorOptions {
-    configure?: (env: Environment) => void;
-}
-export interface SlotEditor {
-    selectedBlockIds: Ref<string[]>;
-    activeLayoutIndex: Ref<number>;
-    blocks: ComputedRef<ReadonlyArray<BlockValue>>;
-    layouts: {
-        value: LayoutSetValue[];
-    };
-    pickerEntries: ComputedRef<PickerEntry[]>;
-    addBlock: (entry: PickerEntry, options?: {
-        silent?: boolean;
-    }) => string;
-    removeBlock: (id: string) => void;
-    removeBlocks: (ids: ReadonlyArray<string>) => void;
-    updateBlock: (id: string, next: BlockValue) => void;
-    setLayouts: (next: LayoutSetValue[]) => void;
-    getBlockLabel: (b: BlockValue) => string;
-    findBlockMeta: (type: string, compatibilityDate: string) => BlockEntry | undefined;
-    configure: (env: Environment) => void;
-}
-export declare function useSlotEditor(slot: WritableComputedRef<SlotValue> | Ref<SlotValue>, options?: SlotEditorOptions): SlotEditor;
-export interface ConfigEditorState {
-    draft: Ref<PageConfigValue>;
-    stack: Ref<StackEntry[]>;
-    selectedBlockIds: Ref<string[]>;
-    activeLayoutIndex: Ref<number>;
-    validationError: Ref<string | null>;
-    addCrumb: () => BreadcrumbCrumb;
-    addParentSuffix: () => BreadcrumbParentSuffix;
-    isDirty: ComputedRef<boolean>;
-    blocks: ComputedRef<ReadonlyArray<BlockValue>>;
-    layouts: {
-        value: LayoutSetValue[];
-    };
-    top: ComputedRef<StackEntry>;
-    activeBlock: ComputedRef<BlockValue | null>;
-    activeBlockEntry: ComputedRef<BlockEntry | null>;
-    breadcrumbs: ComputedRef<Breadcrumb[]>;
-    pickerEntries: ComputedRef<PickerEntry[]>;
-    configure: (env: Environment) => void;
-    goTo: (index: number) => void;
-    goToSub: (subIndex: number) => void;
-    popOne: () => void;
-    pushBlock: (blockId: string) => void;
-    addBlock: (entry: PickerEntry, options?: {
-        silent?: boolean;
-    }) => void;
-    removeBlock: (id: string) => void;
-    removeBlocks: (ids: ReadonlyArray<string>) => void;
-    updateActiveBlock: (next: BlockValue) => void;
-    setLayouts: (next: LayoutSetValue[]) => void;
-    getBlockLabel: (b: BlockValue) => string;
-    findBlockMeta: (type: string, compatibilityDate: string) => BlockEntry | undefined;
-    onDrillDown: (blockId: string) => void;
-    confirm: () => void;
-    dismiss: () => void;
-    reset: () => void;
-}
-export interface UseConfigEditorOptions {
-    configure?: (env: Environment) => void;
-    /**
-     * Called after a successful 确认 commits the draft to the outer model.
-     * Hosts wire this to close the modal; legacy mode emits `close`.
-     */
-    onClose?: () => void;
-}
-export declare function useConfigEditor(model: Ref<PageConfigValue>, options?: UseConfigEditorOptions): ConfigEditorState;