@ddd-tool/domain-designer-ui-component 0.0.0-alpha.13 → 0.0.0-alpha.15

package/README.md

@@ -1,7 +1,5 @@
-# 目标成为 ddd 建模的生产力工具
+# Domain Designer - UI Component
 
 ## 试试效果
 
 <a href="https://stackblitz.com/~/github.com/ddd-tool/vue-domain-ui?file=src/views/design.ts" target="_blank">在线演示地址</a>
-
-- 推荐安装 Vue 插件

package/UI.vue.d.ts

@@ -1,7 +1,13 @@
-import type { DomainDesigner } from '@ddd-tool/domain-designer-core';
+import { type DomainDesigner } from '@ddd-tool/domain-designer-core';
 export type NonEmptyObject<T extends object> = keyof T extends never ? never : T;
 interface Props {
     designs: NonEmptyObject<Record<string, DomainDesigner>>;
 }
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    op: ({
+        $props: import("primevue/popover").PopoverProps & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $slots: import("primevue/popover").PopoverSlots;
+        $emit: ((e: "show") => void) & ((e: "hide") => void);
+    } & import("primevue/popover").PopoverMethods) | null;
+}, any>;
 export default _default;

package/common.d.ts

@@ -0,0 +1,2 @@
+export declare function throttle<T extends (...args: any[]) => any>(func: T, wait: number): T;
+export declare function getOSType(): 'Windows Phone' | 'Windows' | 'Android' | 'Linux' | 'iOS' | 'MacOS' | 'Unknown OS';

package/components/drag-zoom/Index.vue.d.ts

@@ -9,7 +9,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/node-info/Index.vue.d.ts

@@ -0,0 +1,7 @@
+import type { NodeLike } from '#lib/domain/common';
+interface Props {
+    node: NodeLike;
+    element: HTMLElement;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/nomnoml/Index.vue.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    svgContainerRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/domain/diagram-agg/index.d.ts

@@ -3,6 +3,7 @@ interface FocusFlowFn {
     (workflow: undefined, userStory?: string): void;
     (workflow: string, userStory: string): void;
 }
+export declare const EMPTY_STORY = "__Empty__";
 export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Readonly<{
     states: Readonly<{
         design: Readonly<import("vue").Ref<{
@@ -31,7 +32,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
             readonly _getContext: () => {
                 startWorkflow(name: string): string;
                 defineUserStory(name: string, workflowNames: import("@ddd-tool/domain-designer-core/define").NonEmptyArray<string>): void;
-                linkTo(srcRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Event" | "Agg" | "Policy" | "System" | "Service" | "ReadModel", srcCode: string, targetRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Event" | "Agg" | "Policy" | "System" | "Service" | "ReadModel", targetCode: string, linkType?: import("@ddd-tool/domain-designer-core/common").LinkType): void;
+                linkTo(srcRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Agg" | "Event" | "Policy" | "Service" | "System" | "ReadModel", srcCode: string, targetRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Agg" | "Event" | "Policy" | "Service" | "System" | "ReadModel", targetCode: string, linkType?: import("@ddd-tool/domain-designer-core/common").LinkType): void;
                 getId(): string;
                 getWorkflows(): Record<string, string[]>;
                 getUserStories(): Record<string, string[]>;
@@ -253,7 +254,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
             readonly _getContext: () => {
                 startWorkflow(name: string): string;
                 defineUserStory(name: string, workflowNames: import("@ddd-tool/domain-designer-core/define").NonEmptyArray<string>): void;
-                linkTo(srcRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Event" | "Agg" | "Policy" | "System" | "Service" | "ReadModel", srcCode: string, targetRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Event" | "Agg" | "Policy" | "System" | "Service" | "ReadModel", targetCode: string, linkType?: import("@ddd-tool/domain-designer-core/common").LinkType): void;
+                linkTo(srcRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Agg" | "Event" | "Policy" | "Service" | "System" | "ReadModel", srcCode: string, targetRule: "Info" | "Actor" | "Command" | "FacadeCommand" | "Agg" | "Event" | "Policy" | "Service" | "System" | "ReadModel", targetCode: string, linkType?: import("@ddd-tool/domain-designer-core/common").LinkType): void;
                 getId(): string;
                 getWorkflows(): Record<string, string[]>;
                 getUserStories(): Record<string, string[]>;
@@ -462,6 +463,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
         }, {
             readonly [x: string]: readonly string[];
         }>>;
+        workflowPlayInterval: Readonly<import("vue").Ref<number, number>>;
         currentWorkflow: Readonly<import("vue").Ref<string | undefined, string | undefined>>;
         currentStory: Readonly<import("vue").Ref<string, string>>;
         currentDesignKey: Readonly<import("vue").Ref<string | undefined, string | undefined>>;
@@ -474,6 +476,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
         focusFlow: FocusFlowFn;
         downloadSvg: () => void;
         setDownloadEnabled: (b: boolean) => void;
+        setWorkflowPlayInterval: (i: number) => void;
         setDisplayReadModel: (b: boolean) => void;
         setDisplaySystem: (b: boolean) => void;
         setCurrentNode: (id: string | undefined) => void;
@@ -482,7 +485,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
     }>;
     events: Readonly<{
         onFocusNode: {
-            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string, string>>;
+            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string>>;
             watchPublish: (cb: (event: {
                 data: {
                     readonly id: string | undefined;
@@ -491,7 +494,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
             }) => void) => import("vue").WatchHandle;
         };
         onFocusFlow: {
-            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string, string>>;
+            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string>>;
             watchPublish: (cb: (event: {
                 data: {
                     readonly userStory: string;
@@ -503,7 +506,7 @@ export declare function useDiagramAgg(data?: Record<string, DomainDesigner>): Re
             }) => void) => import("vue").WatchHandle;
         };
         onDownloadSvg: {
-            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string, string>>;
+            latestVersion: import("vue").ComputedRef<import("vue").ShallowRef<string>>;
             watchPublish: (cb: (event: {
                 data: {};
                 version: string;

package/domain/i18n-agg/message.d.ts

@@ -1,4 +1,4 @@
-export type I18nMessageKeys = 'constant.type' | 'constant.type.id' | 'constant.type.document' | 'constant.type.function' | 'constant.type.valueObject' | 'constant.type.version' | 'constant.relatedTypes' | 'constant.description' | 'constant.empty' | 'constant.others' | 'menu.focusOnUserStory' | 'menu.focusOnUserStory.focusNothing' | 'menu.settings' | 'menu.settings.renderExternalSystem' | 'menu.settings.renderReadModel' | 'menu.settings.language' | 'menu.settings.dataSource' | 'menu.help' | 'menu.exportSvg' | 'menu.replayWorkflow';
+export type I18nMessageKeys = 'constant.type' | 'constant.type.id' | 'constant.type.document' | 'constant.type.function' | 'constant.type.valueObject' | 'constant.type.version' | 'constant.relatedTypes' | 'constant.description' | 'constant.empty' | 'constant.others' | 'menu.focusOnUserStory' | 'menu.focusOnUserStory.focusNothing' | 'menu.completenessAssist' | 'menu.settings' | 'menu.settings.renderExternalSystem' | 'menu.settings.renderReadModel' | 'menu.settings.language' | 'menu.settings.dataSource' | 'menu.help' | 'menu.exportSvg' | 'menu.replayWorkflow';
 export type I18nMessages = {
     [key in I18nMessageKeys]: string;
 };

package/index.css

@@ -1 +1 @@
-.nomnoml[data-v-9de3e409]{height:100%;overflow:auto}.nomnoml text{cursor:pointer}@keyframes shining-info{0%{stroke-width:1px;stroke-opacity:.2;stroke:#000;-webkit-text-stroke-color:#000}to{stroke-width:1px;stroke-opacity:.8;stroke:#000;-webkit-text-stroke-color:#000}}@keyframes shining-node{0%{stroke-opacity:.2;stroke:#33322e;-webkit-text-stroke-color:#33322e}to{stroke-opacity:1;stroke:#33322e;-webkit-text-stroke-color:#33322e}}.nomnoml .highlight-info:not(.active) text{animation:shining-info .6s alternate infinite;-webkit-animation:shining-info .6s alternate infinite;-moz-animation:shining-info .6s alternate infinite}.nomnoml .highlight-desc:not(.active){animation:shining-info .6s alternate infinite;-webkit-animation:shining-info .6s alternate infinite;-moz-animation:shining-info .6s alternate infinite}.nomnoml .highlight-node g:first-child{animation:shining-node .6s alternate infinite;-webkit-animation:shining-node .6s alternate infinite;-moz-animation:shining-node .6s alternate infinite}.nomnoml .active,.nomnoml .active text{stroke-width:1px;stroke-opacity:.8;stroke:#000;-webkit-text-stroke-color:#000}.container{width:100vw;height:100vh;background-color:#f0f0f0;overflow:hidden;position:relative}.draggable{position:absolute;top:0;left:0;user-select:none;transform-origin:center}.p-dock{opacity:.4;transition:.5s}.p-dock:hover{opacity:1}.p-dock .p-dock-item:hover{scale:1.1}
+.nomnoml[data-v-9ec6ae0d]{height:100%;overflow:auto}.nomnoml text{cursor:pointer}@keyframes shining-info{0%{stroke-width:1px;stroke-opacity:.2;stroke:#000;-webkit-text-stroke-color:#000}to{stroke-width:1px;stroke-opacity:.8;stroke:#000;-webkit-text-stroke-color:#000}}@keyframes shining-node{0%{stroke-opacity:.2;stroke:#33322e;-webkit-text-stroke-color:#33322e}to{stroke-opacity:1;stroke:#33322e;-webkit-text-stroke-color:#33322e}}.nomnoml .highlight-info:not(.active) text{animation:shining-info .6s alternate infinite;-webkit-animation:shining-info .6s alternate infinite;-moz-animation:shining-info .6s alternate infinite}.nomnoml .highlight-desc:not(.active){animation:shining-info .6s alternate infinite;-webkit-animation:shining-info .6s alternate infinite;-moz-animation:shining-info .6s alternate infinite}.nomnoml .highlight-node:not(.active) g:first-child{animation:shining-node .6s alternate infinite;-webkit-animation:shining-node .6s alternate infinite;-moz-animation:shining-node .6s alternate infinite}.nomnoml g[data-id].active text,.nomnoml tspan[data-id].active{stroke-width:1px;stroke-opacity:.8;stroke:#000;-webkit-text-stroke-color:#000}.nomnoml g.node.active{animation:shining-node .6s alternate infinite;-webkit-animation:shining-node .6s alternate infinite;-moz-animation:shining-node .6s alternate infinite}.container{width:100vw;height:100vh;background-color:#f0f0f0;overflow:hidden;position:relative}.draggable{position:absolute;top:0;left:0;user-select:none;transform-origin:0 0}.p-dock{opacity:.4;transition:.5s}.p-dock:hover{opacity:1}.p-dock .p-dock-item:hover{scale:1.1}.root-fieldset{opacity:.9;white-space:pre-line;position:absolute;right:4rem;top:0;width:30%}.root-fieldset .desc:before{content:"";display:inline-block;height:1rem;width:.5rem;border-radius:.25rem;margin-right:.5rem;background-color:#4441ff}