@pubinfo/module-rbac 2.0.0-rc.4 → 2.0.0-rc.5

package/dist/views/user/index.vue.d.ts

@@ -1,50 +1,50 @@
 import { CurrentOrg } from './interface';
 import { ACTION } from './enum';
 declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').DefineComponent<{}, {}, {}, {}, {}, import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentOptionsMixin, import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentProvideOptions, true, {
-    tableRef: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ExtractPropTypes<{
-        request: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["request"]>;
+    tableRef: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        request: PropType<import('@pubinfo/pro-components').ProTableProps["request"]>;
         dataSource: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["dataSource"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["dataSource"]>;
             default: () => never[];
         };
         params: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["params"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["params"]>;
             default: () => {};
         };
         columns: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["columns"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["columns"]>;
             default: () => never[];
         };
         columnsState: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["columnsState"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["columnsState"]>;
             default: () => {};
         };
         search: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["search"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["search"]>;
             default: boolean;
         };
         toolbar: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["toolbar"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["toolbar"]>;
             default: boolean;
         };
         beforeSearchSubmit: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["beforeSearchSubmit"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["beforeSearchSubmit"]>;
             default: (arg: import('@pubinfo/pro-components').QueryData) => any;
         };
         postData: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["postData"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["postData"]>;
             default: (arg: import('@pubinfo/pro-components').Recordable[]) => import('@pubinfo/pro-components').Recordable[];
         };
         cardBordered: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["cardBordered"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["cardBordered"]>;
             default: boolean;
         };
         autoHeight: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["autoHeight"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["autoHeight"]>;
             default: boolean;
         };
         manualRequest: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["manualRequest"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["manualRequest"]>;
             default: boolean;
         };
         prefixCls: {
@@ -472,26 +472,26 @@ declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typ
                 type: NumberConstructor;
             };
             submitter: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["submitter"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["submitter"]>;
                 default: () => {};
             };
             onFinish: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["onFinish"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["onFinish"]>;
             };
             readonly: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["readonly"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["readonly"]>;
                 default: boolean;
             };
             grid: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["grid"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["grid"]>;
                 default: boolean;
             };
             rowProps: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["rowProps"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["rowProps"]>;
                 default: () => {};
             };
             colProps: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["colProps"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["colProps"]>;
                 default: () => {};
             };
             layout: any;
@@ -716,7 +716,7 @@ declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typ
         toolbar: boolean | Partial<import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ExtractPropTypes<{
             title: StringConstructor;
             settings: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ToolBarSetting[] | boolean>;
+                type: PropType<import('@pubinfo/pro-components').ToolBarSetting[] | boolean>;
                 default: () => never[];
             };
         }>> | undefined;
@@ -758,50 +758,50 @@ declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typ
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ExtractPropTypes<{
-        request: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["request"]>;
+    }, Readonly<globalThis.ExtractPropTypes<{
+        request: PropType<import('@pubinfo/pro-components').ProTableProps["request"]>;
         dataSource: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["dataSource"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["dataSource"]>;
             default: () => never[];
         };
         params: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["params"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["params"]>;
             default: () => {};
         };
         columns: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["columns"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["columns"]>;
             default: () => never[];
         };
         columnsState: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["columnsState"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["columnsState"]>;
             default: () => {};
         };
         search: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["search"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["search"]>;
             default: boolean;
         };
         toolbar: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["toolbar"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["toolbar"]>;
             default: boolean;
         };
         beforeSearchSubmit: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["beforeSearchSubmit"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["beforeSearchSubmit"]>;
             default: (arg: import('@pubinfo/pro-components').QueryData) => any;
         };
         postData: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["postData"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["postData"]>;
             default: (arg: import('@pubinfo/pro-components').Recordable[]) => import('@pubinfo/pro-components').Recordable[];
         };
         cardBordered: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["cardBordered"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["cardBordered"]>;
             default: boolean;
         };
         autoHeight: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["autoHeight"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["autoHeight"]>;
             default: boolean;
         };
         manualRequest: {
-            type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ProTableProps["manualRequest"]>;
+            type: PropType<import('@pubinfo/pro-components').ProTableProps["manualRequest"]>;
             default: boolean;
         };
         prefixCls: {
@@ -1229,26 +1229,26 @@ declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typ
                 type: NumberConstructor;
             };
             submitter: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["submitter"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["submitter"]>;
                 default: () => {};
             };
             onFinish: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["onFinish"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["onFinish"]>;
             };
             readonly: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["readonly"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["readonly"]>;
                 default: boolean;
             };
             grid: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["grid"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["grid"]>;
                 default: boolean;
             };
             rowProps: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["rowProps"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["rowProps"]>;
                 default: () => {};
             };
             colProps: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["colProps"]>;
+                type: PropType<import('node_modules/@pubinfo/pro-components/es/pro-form/components').CommonFormProps["colProps"]>;
                 default: () => {};
             };
             layout: any;
@@ -1473,7 +1473,7 @@ declare const _default: import('../../../../../node_modules/.pnpm/vue@3.5.17_typ
         toolbar: boolean | Partial<import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ExtractPropTypes<{
             title: StringConstructor;
             settings: {
-                type: import('../../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PropType<import('@pubinfo/pro-components').ToolBarSetting[] | boolean>;
+                type: PropType<import('@pubinfo/pro-components').ToolBarSetting[] | boolean>;
                 default: () => never[];
             };
         }>> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo/module-rbac",
   "type": "module",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.5",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,14 +16,18 @@
     "dist",
     "src"
   ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "peerDependencies": {
     "@ant-design/icons-vue": "^7.0.1",
     "@pubinfo/pro-components": "^1.7.3",
     "alova": "^3.3.4",
     "ant-design-vue": "^4.2.6",
-    "pubinfo": "2.0.0-rc.4"
+    "pubinfo": "2.0.0-rc.5"
   },
   "dependencies": {
+    "@destyler/color-picker": "^0.1.0",
     "@destyler/popover": "^0.1.0",
     "@destyler/vue": "^0.1.0",
     "@pubinfo/headlessui": "^1.5.3",
@@ -44,7 +48,7 @@
     "alova": "^3.3.4",
     "ant-design-vue": "^4.2.6",
     "type-fest": "^4.41.0",
-    "pubinfo": "2.0.0-rc.4"
+    "pubinfo": "2.0.0-rc.5"
   },
   "scripts": {
     "dev": "pubinfo build -w --sourcemap",

package/src/components/DirectoryIcones/ComponentsIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-.219.875M6 13.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#67B686" d="m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z" /></g></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#67B686" d="m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z" /></g></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-.219.875M6 13.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#67B686" d="m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z" /></g></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#67B686" d="m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z" /></g></svg>
 </template>

package/src/components/DirectoryIcones/FolderIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-1.75 7a1 1 0 0 1-.97.76H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><path fill="none" class="stroke-dark dark:stroke-light" stroke-linecap="round" stroke-linejoin="round" d="m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-1.75 7a1 1 0 0 1-.97.76H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><path fill="none" class="stroke-dark dark:stroke-light" stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /></svg>
 </template>

package/src/components/DirectoryIcones/ModuleIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z" /></g></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z" /></g></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z" /></g></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z" /></g></svg>
 </template>

package/src/components/DirectoryIcones/PackagesIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z" /></g></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z" /></g></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z" /></g></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z" /></g></svg>
 </template>

package/src/components/DirectoryIcones/SrcIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5" /></g></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5" /></g></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5" /></g></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#65bb87" d="m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5" /></g></svg>
 </template>

package/src/components/DirectoryIcones/ViewIcones.vue

@@ -13,6 +13,6 @@ const props = withDefaults(
 </script>
 
 <template>
-  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336" /></g></svg>
-  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#000" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336" /></g></svg>
+  <svg v-if="props.expanded" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336" /></g></svg>
+  <svg v-else xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><!-- Icon from Catppuccin Icons by Catppuccin - https://github.com/catppuccin/vscode-icons/blob/main/LICENSE --><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path class="stroke-dark dark:stroke-light" d="M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1" /><path stroke="#E23730" d="M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336" /></g></svg>
 </template>

package/src/components/ResourceIcones/BoxColorPicker.vue

@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+
+defineOptions({ name: 'ResourceIconesBoxColorPicker' });
+
+const props = defineProps<{ angle?: number | string, background?: Background, radius?: number | string, disabled?: boolean }>();
+
+const emit = defineEmits<{
+  (e: 'update:angle', v: number | string): void
+  (e: 'update:background', v: Background): void
+  (e: 'update:radius', v: number | string): void
+}>();
+
+type Background = string | { from: string, to: string };
+
+function normalizeAngle(a?: number | string): number {
+  if (typeof a === 'number' && Number.isFinite(a)) {
+    return (a % 360 + 360) % 360;
+  }
+  if (typeof a === 'string') {
+    const n = Number.parseFloat(a);
+    if (Number.isFinite(n)) {
+      return (n % 360 + 360) % 360;
+    }
+  }
+  return 65;
+}
+function normalizeBg(b?: Background): { from: string, to: string } {
+  if (!b) {
+    return { from: '#65E54A', to: '#35C724' };
+  }
+  if (typeof b === 'string') {
+    return { from: b, to: b };
+  }
+  return { from: b.from, to: b.to };
+}
+function normalizeRadius(r?: number | string): number {
+  if (typeof r === 'number' && Number.isFinite(r)) {
+    return Math.max(0, r);
+  }
+  if (typeof r === 'string') {
+    const n = Number.parseFloat(r);
+    if (Number.isFinite(n)) {
+      return Math.max(0, n);
+    }
+  }
+  return 6; // default px
+}
+
+const init = normalizeBg(props.background);
+const fromColor = ref<string>(init.from);
+const toColor = ref<string>(init.to);
+const angleRef = ref<number>(normalizeAngle(props.angle));
+const radiusRef = ref<number>(normalizeRadius(props.radius));
+
+// 原生 color 输入：放在前缀里，用透明绝对定位来锚定弹层位置
+const fromColorPickerRef = ref<HTMLInputElement | null>(null);
+const toColorPickerRef = ref<HTMLInputElement | null>(null);
+function openFromPicker() {
+  if (props.disabled) {
+    return;
+  }
+  const el = fromColorPickerRef.value;
+  if (el) {
+    // 确保有尺寸与位置，避免浏览器把弹层放到左上角
+    el.style.width = '16px';
+    el.style.height = '16px';
+    el.click();
+  }
+}
+function openToPicker() {
+  if (props.disabled) {
+    return;
+  }
+  const el = toColorPickerRef.value;
+  if (el) {
+    el.style.width = '16px';
+    el.style.height = '16px';
+    el.click();
+  }
+}
+
+watch([fromColor, toColor, angleRef, radiusRef], () => {
+  emit('update:background', { from: fromColor.value, to: toColor.value });
+  emit('update:angle', angleRef.value);
+  emit('update:radius', radiusRef.value);
+}, { immediate: true });
+
+watch(() => props.background, (b) => {
+  if (b == null) {
+    return;
+  }
+  const n = normalizeBg(b);
+  fromColor.value = n.from;
+  toColor.value = n.to;
+});
+watch(() => props.angle, (a) => {
+  if (a == null) {
+    return;
+  }
+  angleRef.value = normalizeAngle(a);
+});
+watch(() => props.radius, (r) => {
+  if (r == null) {
+    return;
+  }
+  radiusRef.value = normalizeRadius(r);
+});
+
+// 提示：预览区已移除以节省侧栏空间
+</script>
+
+<template>
+  <div class="flex flex-col gap-3 w-full select-none">
+    <!-- 起始色：紧凑输入（前缀色块 + 文本），隐藏原生 color 触发器 -->
+    <div class="flex items-center gap-3">
+      <label class="text-12px opacity-70 w-14 shrink-0">起始色</label>
+      <a-input v-model:value="fromColor" :disabled="props.disabled" placeholder="#65E54A" size="small" class="flex-1 min-w-0">
+        <template #prefix>
+          <div class="relative inline-flex items-center">
+            <button type="button" :disabled="props.disabled" class="w-4 h-4 rounded border border-gray-300 dark:border-gray-700" :class="props.disabled ? 'opacity-50 cursor-not-allowed' : ''" :style="{ background: fromColor }" @click="openFromPicker" />
+            <!-- 透明绝对定位的原生 input，用于正确锚定系统取色器位置 -->
+            <input
+              ref="fromColorPickerRef"
+              type="color"
+              :value="fromColor"
+              :disabled="props.disabled"
+              class="absolute left-0 top-0 opacity-0 pointer-events-none"
+              style="width:16px;height:16px;"
+              @input="fromColor = ($event.target as HTMLInputElement).value"
+            >
+          </div>
+        </template>
+      </a-input>
+    </div>
+
+    <!-- 结束色：紧凑输入（前缀色块 + 文本），隐藏原生 color 触发器 -->
+    <div class="flex items-center gap-3">
+      <label class="text-12px opacity-70 w-14 shrink-0">结束色</label>
+      <a-input v-model:value="toColor" :disabled="props.disabled" placeholder="#35C724" size="small" class="flex-1 min-w-0">
+        <template #prefix>
+          <div class="relative inline-flex items-center">
+            <button type="button" :disabled="props.disabled" class="w-4 h-4 rounded border border-gray-300 dark:border-gray-700" :class="props.disabled ? 'opacity-50 cursor-not-allowed' : ''" :style="{ background: toColor }" @click="openToPicker" />
+            <input
+              ref="toColorPickerRef"
+              type="color"
+              :value="toColor"
+              :disabled="props.disabled"
+              class="absolute left-0 top-0 opacity-0 pointer-events-none"
+              style="width:16px;height:16px;"
+              @input="toColor = ($event.target as HTMLInputElement).value"
+            >
+          </div>
+        </template>
+      </a-input>
+    </div>
+
+    <!-- 角度：仅使用数字输入，节省横向空间 -->
+    <div class="flex items-center gap-3">
+      <label class="text-12px opacity-70 w-14 shrink-0">角度</label>
+      <a-input-number v-model:value="angleRef" :disabled="props.disabled" :min="0" :max="360" :step="1" size="small" class="w-28" />
+      <span class="text-12px opacity-70">deg</span>
+    </div>
+
+    <!-- 圆角：仅使用数字输入，节省横向空间 -->
+    <div class="flex items-center gap-3">
+      <label class="text-12px opacity-70 w-14 shrink-0">圆角</label>
+      <a-input-number v-model:value="radiusRef" :disabled="props.disabled" :min="0" :max="48" :step="1" size="small" class="w-28" />
+      <span class="text-12px opacity-70">px</span>
+    </div>
+  </div>
+</template>