@kdesigner/amis-vue 0.0.0-alpha.1

package/README.md

@@ -0,0 +1,53 @@
+# @kdesigner/omni
+
+![License](https://img.shields.io/badge/license-MIT-blue.svg)
+![TypeScript](https://img.shields.io/badge/typescript-%5E5.9.2-blue.svg)
+![Version](https://img.shields.io/npm/v/@kdesigner/omni.svg)
+
+KDesigner 通用工具库 - 框架无关的通用工具集合。
+
+## ✨ 特性
+
+- 🛠️ **框架无关** - 可在任何前端框架（React, Vue, 原生 JS）中使用
+- 🛡️ **TypeScript** - 100% TS 编写，提供完备的类型推导
+- 🧩 **模块化设计** - 支持按需引入，减少打包体积
+- 📦 **丰富的功能** - 包含日期处理、URL 解析、数据转换等常用工具
+- 🔌 **AMIS 兼容** - 提供对 AMIS 和 AMIS-Vue 的适配增强
+
+## 📦 安装
+
+```bash
+pnpm add @kdesigner/omni
+```
+
+## 🚀 快速开始
+
+```typescript
+import { formatTime, getUrlParams } from '@kdesigner/omni'
+
+// 时间格式化
+console.log(formatTime(new Date()))
+
+// URL 参数解析
+console.log(getUrlParams(window.location.search))
+```
+
+## 🛠 开发与构建
+
+```bash
+# 安装依赖
+pnpm install
+
+# 监视模式开发
+pnpm dev
+
+# 构建产物
+pnpm build
+
+# 运行测试
+pnpm test
+```
+
+## 📝 许可证
+
+MIT

package/dist/amis-vue.css

@@ -0,0 +1,190 @@
+
+.page-editor-root {
+  position: fixed;
+  inset: 0;
+  z-index: 2100;
+  background: var(--color-bg, #fff);
+}
+
+.app-loading[data-v-a382f6ec] {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 160px;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-bg, #fafafa);
+}
+.app-loading-spinner[data-v-a382f6ec] {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 2px solid var(--color-border, rgba(0, 0, 0, 0.12));
+  border-top-color: var(--color-fg, #111);
+  animation: app-loading-spin-a382f6ec 0.7s linear infinite;
+}
+html[data-theme='dark'] .app-loading[data-v-a382f6ec] {
+  background: var(--color-bg, #111);
+}
+html[data-theme='dark'] .app-loading-spinner[data-v-a382f6ec] {
+  border-color: var(--color-border, rgba(255, 255, 255, 0.16));
+  border-top-color: var(--color-fg, #ededed);
+}
+@keyframes app-loading-spin-a382f6ec {
+to {
+    transform: rotate(360deg);
+}
+}
+
+.page-debugger {
+  position: fixed;
+  top: 56px;
+  right: 16px;
+  z-index: 1000;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px;
+  border: 1px solid var(--color-border, rgba(0, 0, 0, 0.12));
+  border-radius: 8px;
+  background: var(--color-bg, #fff);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+.page-debugger.is-dragging {
+  opacity: 0.92;
+}
+.debug-handle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--color-fg-subtle, #999);
+  font-size: 12px;
+  line-height: 1;
+  letter-spacing: -2px;
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+}
+.debug-handle:hover {
+  color: var(--color-fg-muted, #666);
+  background: var(--color-hover, rgba(0, 0, 0, 0.04));
+}
+.page-debugger.is-dragging .debug-handle {
+  cursor: grabbing;
+}
+.debug-btn {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 1px solid var(--color-border, rgba(0, 0, 0, 0.12));
+  border-radius: 6px;
+  background: transparent;
+  color: var(--color-fg-muted, #666);
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    color 0.15s ease,
+    background 0.15s ease,
+    border-color 0.15s ease;
+}
+.debug-btn:hover {
+  color: var(--color-fg, #111);
+  background: var(--color-hover, rgba(0, 0, 0, 0.04));
+  border-color: var(--color-fg-muted, #999);
+}
+.schema-modal-root {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+.schema-modal-mask {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.35);
+}
+.schema-modal-panel {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  width: min(720px, 100%);
+  max-height: min(80vh, 720px);
+  overflow: hidden;
+  border: 1px solid var(--color-border, rgba(0, 0, 0, 0.12));
+  border-radius: 10px;
+  background: var(--color-bg, #fff);
+  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
+}
+.schema-modal-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  height: 48px;
+  padding: 0 14px 0 16px;
+  border-bottom: 1px solid var(--color-border, rgba(0, 0, 0, 0.08));
+}
+.schema-modal-title {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--color-fg, #111);
+}
+.schema-modal-close {
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--color-fg-muted, #666);
+  font-size: 20px;
+  line-height: 1;
+  cursor: pointer;
+}
+.schema-modal-close:hover {
+  background: var(--color-hover, rgba(0, 0, 0, 0.04));
+  color: var(--color-fg, #111);
+}
+.schema-modal-body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 12px 16px 16px;
+}
+body.is-modalOpened .ant-popover {
+  z-index: 1400;
+}
+
+.cxd-Pagination > li > a, .cxd-Pagination > li > span {
+  height: auto;
+}
+
+.cxd-Table--autoFillHeight .cxd-Table-footToolbar {
+  padding: 0;
+}
+
+.cxd-Panel.no-heading > .cxd-Panel-heading {
+  display: none;
+}
+
+.cxd-Panel.actions-center > .cxd-Panel-footerWrap > .cxd-Panel-btnToolbar {
+  text-align: center;
+}
+
+.cxd-TreeControl.h-full > .cxd-Tree {
+  max-height: none;
+}

package/dist/debug/debugger.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    type: string;
+    'xui:schema': string;
+    body: {
+        type: string;
+        title: null;
+        actions: ({
+            label: string;
+            type: string;
+            actionType: string;
+            level: string;
+            api: {
+                url: string;
+                messages: {
+                    success: string;
+                };
+            };
+        } | {
+            label: string;
+            type: string;
+            actionType: string;
+            level: string;
+            api: string;
+        })[];
+        body: ({
+            type: string;
+            name: string;
+            placeholder: string;
+            visibleOn: string;
+        } | {
+            type: string;
+            name: string;
+            placeholder: {};
+            visibleOn: string;
+        })[];
+    };
+};
+export default _default;
+//# sourceMappingURL=debugger.d.ts.map

package/dist/debug/debugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugger.d.ts","sourceRoot":"","sources":["../../src/debug/debugger.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwDC"}

package/dist/debug/index.d.ts

@@ -0,0 +1,3 @@
+export { default as XuiDebugger } from './XuiDebugger.vue';
+export { default as debuggerSchema } from './debugger';
+//# sourceMappingURL=index.d.ts.map

package/dist/debug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/debug/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,YAAY,CAAA"}

package/dist/editor/XuiPageEditorButton.d.ts

@@ -0,0 +1,34 @@
+import { ActionObject, ButtonSchema, RendererProps, SchemaApi } from 'amis';
+import { FeedbackDialog, SchemaReload } from 'amis/lib/Schema';
+import { default as React } from 'react';
+interface XuiPageEditorButtonSchema extends ButtonSchema {
+    actionType: 'popEditor';
+    initApi: SchemaApi;
+    rollbackApi?: SchemaApi;
+    api: SchemaApi;
+    feedback?: FeedbackDialog;
+    reload?: SchemaReload;
+    redirect?: string;
+    ignoreConfirm?: boolean;
+    /**
+     * 是否开启请求隔离, 主要用于隔离联动CRUD, Service的请求
+     */
+    isolateScope?: boolean;
+}
+type XuiPageEditorButtonProps = RendererProps & XuiPageEditorButtonSchema;
+type ButtonState = {
+    dialogVisible: boolean;
+};
+export declare class XuiPageEditorButton extends React.Component<XuiPageEditorButtonProps, ButtonState> {
+    dialogComponent: any;
+    savePageSource: (data: any) => Promise<any>;
+    getPageSource: () => Promise<any>;
+    rollbackPageSource: () => Promise<any>;
+    constructor(props: XuiPageEditorButtonProps);
+    handleAction(e: React.MouseEvent<any>, action: ActionObject): any;
+    render(): React.FunctionComponentElement<{
+        children?: React.ReactNode | undefined;
+    }>;
+}
+export {};
+//# sourceMappingURL=XuiPageEditorButton.d.ts.map

package/dist/editor/XuiPageEditorButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XuiPageEditorButton.d.ts","sourceRoot":"","sources":["../../src/editor/XuiPageEditorButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EAEZ,aAAa,EAEb,SAAS,EACV,MAAM,MAAM,CAAA;AAEb,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,UAAU,yBAA0B,SAAQ,YAAY;IACtD,UAAU,EAAE,WAAW,CAAA;IACvB,OAAO,EAAE,SAAS,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,GAAG,EAAE,SAAS,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,KAAK,wBAAwB,GAAG,aAAa,GAAG,yBAAyB,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAQD,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,EAAE,WAAW,CAAC;IAC7F,eAAe,EAAE,GAAG,CAAA;IAEpB,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAE3C,aAAa,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,kBAAkB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;gBAE1B,KAAK,EAAE,wBAAwB;IAwB3C,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY;IAS3D,MAAM;;;CAuBP"}

package/dist/editor/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AmisPageEditor } from './AmisPageEditor.vue';
+export { default as XuiPageEditor } from './XuiPageEditor.vue';
+export { default as XuiPageEditorDialog } from './XuiPageEditorDialog.vue';
+export { default as XuiLoading } from './XuiLoading.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGxD,OAAO,uBAAuB,CAAA"}

package/dist/exports.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 本包模块聚合入口：页面渲染 / 编辑器 / 调试 / 运行时适配
+ * 对外仍经 lib.ts → index.ts 透出，保持 @kdesigner/amis-vue 顶层 API 不变
+ */
+export { AmisPageEditor, XuiPageEditor, XuiLoading } from './editor';
+export { AmisSchemaPage, XuiSchemaPage, XuiPage } from './page';
+export { AmisToast } from './toast';
+export { createEnv, AmisVueComponent } from './runtime';
+export type { ReactPageOptions, VueControlProps } from './runtime';
+export * from './runtime/react-adapter';
+//# sourceMappingURL=exports.d.ts.map

package/dist/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../src/exports.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AACvD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAClE,cAAc,yBAAyB,CAAA;AAGvC,OAAO,WAAW,CAAA;AAClB,OAAO,UAAU,CAAA"}