sky-ui-kit 0.1.8 → 0.1.10

package/README.md

@@ -1,4 +1,10 @@
 # sky-ui-kit 组件与样式库
+
+## AI 接入入口：先选择使用方式
+
+当用户要求安装、引入 sky-ui-kit 时，请先读取当前安装包的 llms.txt 和 [HTML / Vue 接入判断](docs/HTML-INTEGRATION.md)，检查项目及真实 exports。只需外观时使用正式 HTML 样式接口（新版容器 sky-html 内原生控件自动换肤，data-sky-native="off" 局部退出）；需要交互时使用真实 Vue 组件，HTML 项目可局部挂载。需求不明确时先询问，接入后合并项目 AGENTS.md 规则，不能把 npm install 或仅加载 CSS 报告为完整组件接入。
+
+HTML 按需入口从 0.1.10 提供；0.1.9 使用完整 model-workspace.css。示例网站快速开始下方提供“HTML 按需样式接入”演示和完整可复制代码。
 
 组件用途、数据约定、事件语义和限制见 [组件使用说明](docs/COMPONENT-GUIDE.md)；完整类型与默认值见 [组件 API](docs/COMPONENT-API.md)。
 

package/components.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "sky-ui-kit",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "elementPlusVersion": "2.14.7",
   "setup": {
     "cssOnce": [
@@ -1726,6 +1726,24 @@
       "kind": "project-component",
       "importFrom": "sky-ui-kit",
       "props": [
+        {
+          "name": "width",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "'100%'"
+        },
+        {
+          "name": "controlHeight",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "controlPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [0, 10]"
+        },
         {
           "name": "modelValue",
           "type": "AppSelectValue",
@@ -1771,6 +1789,7 @@
       ],
       "slots": [],
       "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n",
         "export type AppSelectValue = string | number | boolean | Record<string, unknown> | AppSelectValue[] | null | undefined",
         "export type AppSelectOption = {\r\n  label: string\r\n  value: AppSelectValue\r\n  disabled?: boolean\r\n} | string | number"
       ],
@@ -1781,6 +1800,30 @@
       "kind": "project-component",
       "importFrom": "sky-ui-kit",
       "props": [
+        {
+          "name": "padding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [10, 12]"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "9"
+        },
+        {
+          "name": "trackHeight",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "88"
+        },
+        {
+          "name": "controlHeight",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "30"
+        },
         {
           "name": "modelValue",
           "type": "number",
@@ -1943,6 +1986,7 @@
         "date-select"
       ],
       "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n",
         "type IntervalUnit = 'minute' | 'hour' | 'day' | 'month' | 'year'",
         "type TimelineKind = 'observed' | 'forecast'",
         "type TimelineTimeInput = string | number | Date",
@@ -2099,6 +2143,36 @@
       "kind": "project-component",
       "importFrom": "sky-ui-kit",
       "props": [
+        {
+          "name": "width",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "itemHeight",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "itemPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "padding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "2"
+        },
         {
           "name": "direction",
           "type": "'horizontal' | 'vertical'",
@@ -2138,6 +2212,7 @@
       ],
       "slots": [],
       "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n",
         "export interface ProjectMenuItem { key: string; label: string; disabled?: boolean; icon?: Component; children?: ProjectMenuItem[] }",
         "export interface ProjectMenuGroup { label: string; items: ProjectMenuItem[] }"
       ],
@@ -2384,11 +2459,31 @@
           "type": "boolean",
           "required": false,
           "defaultExpression": null
+        },
+        {
+          "name": "cellPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [6, 10]"
+        },
+        {
+          "name": "paginationGap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "12"
+        },
+        {
+          "name": "paginationPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "5"
         }
       ],
       "events": [],
       "slots": [],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/ProcessDataTable.vue"
     },
     {
@@ -2464,13 +2559,39 @@
           "type": "boolean",
           "required": false,
           "defaultExpression": "true"
+        },
+        {
+          "name": "width",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "'auto'"
+        },
+        {
+          "name": "height",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "'auto'"
+        },
+        {
+          "name": "padding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "0"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "0"
         }
       ],
       "events": [],
       "slots": [
         "default"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/WorkbenchPanel.vue"
     },
     {
@@ -2760,6 +2881,12 @@
       "kind": "project-component",
       "importFrom": "sky-ui-kit",
       "props": [
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "12"
+        },
         {
           "name": "rightOpen",
           "type": "boolean",
@@ -2774,55 +2901,55 @@
         },
         {
           "name": "rightPanelWidth",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "'calc(var(--cp-font-1, 1px) * 328)'"
         },
         {
           "name": "leftPanelWidth",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "'calc(var(--cp-font-1, 1px) * 320)'"
         },
         {
           "name": "edge",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "'calc(var(--cp-font-1, 1px) * 12)'"
         },
         {
           "name": "topOffset",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         },
         {
           "name": "bottomOffset",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         },
         {
           "name": "toolbarTop",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         },
         {
           "name": "timelineLeft",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         },
         {
           "name": "timelineRight",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         },
         {
           "name": "timelineBottom",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "''"
         }
@@ -2849,7 +2976,9 @@
         "content",
         "default"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/MapPageLayout.vue"
     },
     {
@@ -3517,6 +3646,60 @@
           "type": "boolean",
           "required": false,
           "defaultExpression": "true"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "20"
+        },
+        {
+          "name": "padding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [0, 24, 20]"
+        },
+        {
+          "name": "introPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "24"
+        },
+        {
+          "name": "filterGap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "20"
+        },
+        {
+          "name": "filterPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [20, 24]"
+        },
+        {
+          "name": "inputWidth",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "260"
+        },
+        {
+          "name": "selectWidth",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "160"
+        },
+        {
+          "name": "cascaderWidth",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "280"
+        },
+        {
+          "name": "responsive",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
         }
       ],
       "events": [],
@@ -3527,7 +3710,9 @@
         "actions",
         "default"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/ManagementResourceLayout.vue"
     },
     {
@@ -3710,6 +3895,36 @@
       "kind": "project-component",
       "importFrom": "sky-ui-kit",
       "props": [
+        {
+          "name": "height",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "320"
+        },
+        {
+          "name": "maxHeight",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "'42dvh'"
+        },
+        {
+          "name": "headerPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "()=>[10,16]"
+        },
+        {
+          "name": "metaPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "()=>[8,16,0]"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "12"
+        },
         {
           "name": "title",
           "type": "string",
@@ -3767,7 +3982,9 @@
         }
       ],
       "slots": [],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/MapBottomProcessPanel.vue"
     },
     {
@@ -3786,6 +4003,30 @@
           "type": "string",
           "required": false,
           "defaultExpression": null
+        },
+        {
+          "name": "headerPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "16"
+        },
+        {
+          "name": "bodyPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "16"
+        },
+        {
+          "name": "footerPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [12, 16]"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "16"
         }
       ],
       "events": [],
@@ -3794,7 +4035,9 @@
         "default",
         "footer"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/MapWorkspacePanel.vue"
     },
     {
@@ -3955,9 +4198,33 @@
           "required": false,
           "defaultExpression": "2"
         },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "4"
+        },
+        {
+          "name": "padding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "4"
+        },
+        {
+          "name": "toolbarGap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "12"
+        },
+        {
+          "name": "toolbarPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "12"
+        },
         {
           "name": "topOffset",
-          "type": "string",
+          "type": "DesignLength",
           "required": false,
           "defaultExpression": "'calc(var(--cp-font-1, 1px) * 64)'"
         }
@@ -3967,7 +4234,9 @@
         "toolbar",
         "default"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/DefenseMapLayout.vue"
     },
     {
@@ -4033,6 +4302,30 @@
           "type": "string",
           "required": false,
           "defaultExpression": null
+        },
+        {
+          "name": "headerPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [12, 16]"
+        },
+        {
+          "name": "bodyPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "16"
+        },
+        {
+          "name": "footerPadding",
+          "type": "DesignSpacing",
+          "required": false,
+          "defaultExpression": "() => [12, 16]"
+        },
+        {
+          "name": "gap",
+          "type": "DesignLength",
+          "required": false,
+          "defaultExpression": "12"
         }
       ],
       "events": [],
@@ -4042,7 +4335,9 @@
         "default",
         "footer"
       ],
-      "types": [],
+      "types": [
+        "/** Numeric dimensions are VFit design units; CSS strings pass through unchanged. */\r\nexport type DesignLength = number | string\r\nexport type DesignSpacing = DesignLength | readonly [DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength] | readonly [DesignLength, DesignLength, DesignLength, DesignLength]\r\n"
+      ],
       "source": "src/components/ModelWorkspacePanel.vue"
     },
     {

package/dist/components/AppSelect.vue.d.ts

@@ -1,3 +1,4 @@
+import { type DesignLength, type DesignSpacing } from '../utils/dimensions';
 export type AppSelectValue = string | number | boolean | Record<string, unknown> | AppSelectValue[] | null | undefined;
 export type AppSelectOption = {
     label: string;
@@ -5,6 +6,9 @@ export type AppSelectOption = {
     disabled?: boolean;
 } | string | number;
 type __VLS_Props = {
+    width?: DesignLength;
+    controlHeight?: DesignLength;
+    controlPadding?: DesignSpacing;
     modelValue?: AppSelectValue;
     options?: AppSelectOption[];
     emptyLabel?: string;
@@ -22,6 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     popperClass: string;
     modelValue: string | number | boolean | Record<string, unknown> | AppSelectValue[] | null;
     options: AppSelectOption[];
+    width: DesignLength;
+    controlHeight: DesignLength;
+    controlPadding: DesignSpacing;
     emptyLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/DefenseMapLayout.vue.d.ts

@@ -1,7 +1,12 @@
+import { type DesignLength, type DesignSpacing } from '../utils/dimensions';
 type __VLS_Props = {
     structured?: boolean;
     columns?: 1 | 2;
-    topOffset?: string;
+    gap?: DesignLength;
+    padding?: DesignSpacing;
+    toolbarGap?: DesignLength;
+    toolbarPadding?: DesignSpacing;
+    topOffset?: DesignLength;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -13,8 +18,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     columns: 1 | 2;
-    topOffset: string;
+    gap: DesignLength;
+    padding: DesignSpacing;
+    topOffset: DesignLength;
     structured: boolean;
+    toolbarGap: DesignLength;
+    toolbarPadding: DesignSpacing;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/ManagementResourceLayout.vue.d.ts

@@ -1,7 +1,17 @@
+import { type DesignLength, type DesignSpacing } from '../utils/dimensions';
 type __VLS_Props = {
     title?: string;
     description?: string;
     showIntro?: boolean;
+    gap?: DesignLength;
+    padding?: DesignSpacing;
+    introPadding?: DesignSpacing;
+    filterGap?: DesignLength;
+    filterPadding?: DesignSpacing;
+    inputWidth?: DesignLength;
+    selectWidth?: DesignLength;
+    cascaderWidth?: DesignLength;
+    responsive?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
@@ -16,7 +26,16 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: DesignLength;
+    padding: DesignSpacing;
     showIntro: boolean;
+    introPadding: DesignSpacing;
+    filterGap: DesignLength;
+    filterPadding: DesignSpacing;
+    inputWidth: DesignLength;
+    selectWidth: DesignLength;
+    cascaderWidth: DesignLength;
+    responsive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/MapBottomProcessPanel.vue.d.ts

@@ -1,5 +1,11 @@
+import { type DesignLength, type DesignSpacing } from '../utils/dimensions';
 import { type ProcessChartRow, type ProcessChartEngine } from './ProcessChart.vue';
 type __VLS_Props = {
+    height?: DesignLength;
+    maxHeight?: DesignLength;
+    headerPadding?: DesignSpacing;
+    metaPadding?: DesignSpacing;
+    gap?: DesignLength;
     title: string;
     subtitle?: string;
     demo?: boolean;
@@ -17,8 +23,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
+    height: DesignLength;
+    maxHeight: DesignLength;
+    gap: DesignLength;
     unit: string;
     subtitle: string;
+    headerPadding: DesignSpacing;
+    metaPadding: DesignSpacing;
     demo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;