sunyard-szyy-ui 0.2.2 → 0.2.4

package/lib/components/search-bar/style/index.js

@@ -0,0 +1 @@
+"use strict";require("element-plus/es/components/button/style/css");require("element-plus/es/components/input/style/css");require("@sunyard-szyy-ui/theme-chalk/src/search-bar.scss");

package/lib/index.d.ts

@@ -1,7 +1,2 @@
-import type { Plugin } from 'vue';
-export * from '@sunyard-szyy-ui/components';
-export * from '@sunyard-szyy-ui/hooks';
-export * from '@sunyard-szyy-ui/utils';
-export declare const SunyardSzyyUI: Plugin;
-export default SunyardSzyyUI;
+export * from './search-bar';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1 +1 @@
-"use strict";require("@sunyard-szyy-ui/components");require("@sunyard-szyy-ui/hooks");require("@sunyard-szyy-ui/utils");
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-bar/src/search-bar.js");exports.SySearchBar=e.SySearchBar;

package/lib/search-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/search-bar';
+//# sourceMappingURL=index.d.ts.map

package/lib/search-bar/src/search-bar.d.ts

@@ -0,0 +1,118 @@
+declare const SearchBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "search")[], "update:modelValue" | "search", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    buttonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SySearchBar: import("@sunyard-szyy-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "search")[], import("vue").PublicProps, {
+        modelValue: string;
+        placeholder: string;
+        buttonText: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        modelValue: string;
+        placeholder: string;
+        buttonText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "search")[], "update:modelValue" | "search", {
+    modelValue: string;
+    placeholder: string;
+    buttonText: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps>;
+export type SySearchBarInstance = InstanceType<typeof SearchBar>;
+export {};
+//# sourceMappingURL=search-bar.d.ts.map

package/lib/search-bar/src/search-bar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("element-plus"),t=require("vue"),c=require("@sunyard-szyy-ui/hooks"),s=require("@sunyard-szyy-ui/utils"),d=t.defineComponent({name:"SySearchBar",props:{modelValue:{type:String,default:""},placeholder:{type:String,default:"请输入关键字"},buttonText:{type:String,default:"搜索"}},emits:["update:modelValue","search"],setup(l,{emit:u}){const r=c.useNamespace("search-bar"),a=t.ref(l.modelValue);t.watch(()=>l.modelValue,e=>{e!==a.value&&(a.value=e)});function n(){u("search",a.value)}return()=>t.h("div",{class:r.b()},[t.h(o.ElInput,{class:r.e("input"),modelValue:a.value,placeholder:l.placeholder,clearable:!0,"onUpdate:modelValue":e=>{a.value=e,u("update:modelValue",e)},onKeydown:e=>{e.key==="Enter"&&n()}}),t.h(o.ElButton,{class:r.e("button"),type:"primary",onClick:n},()=>l.buttonText)])}}),i=s.withInstall(d);exports.SySearchBar=i;

package/lib/search-bar/style/css.d.ts

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/input/style/css';
+import 'sunyard-szyy-ui/theme-chalk/search-bar.css';
+//# sourceMappingURL=css.d.ts.map

package/lib/search-bar/style/index.d.ts

@@ -0,0 +1,4 @@
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/input/style/css';
+import '@sunyard-szyy-ui/theme-chalk/src/search-bar.scss';
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunyard-szyy-ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -20,14 +20,18 @@
       "require": "./lib/index.js"
     },
     "./hooks": {
-      "types": "./node_modules/@sunyard-szyy-ui/hooks/dist/index.d.ts",
-      "import": "./node_modules/@sunyard-szyy-ui/hooks/dist/index.js",
-      "require": "./node_modules/@sunyard-szyy-ui/hooks/dist/index.cjs"
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs"
     },
     "./utils": {
-      "types": "./node_modules/@sunyard-szyy-ui/utils/dist/index.d.ts",
-      "import": "./node_modules/@sunyard-szyy-ui/utils/dist/index.js",
-      "require": "./node_modules/@sunyard-szyy-ui/utils/dist/index.cjs"
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs"
+    },
+    "./es/*.mjs": {
+      "types": "./es/*.d.ts",
+      "import": "./es/*.mjs"
     },
     "./es/*": {
       "types": [
@@ -36,13 +40,20 @@
       ],
       "import": "./es/*.mjs"
     },
+    "./lib/*.js": {
+      "types": "./lib/*.d.ts",
+      "require": "./lib/*.js"
+    },
     "./lib/*": {
       "types": [
         "./lib/*.d.ts",
         "./lib/*/index.d.ts"
       ],
       "require": "./lib/*.js"
-    }
+    },
+    "./theme-chalk/*": "./theme-chalk/*",
+    "./theme-chalk": "./theme-chalk/index.css",
+    "./*": "./*"
   },
   "files": [
     "es",
@@ -51,16 +62,20 @@
     "theme-chalk"
   ],
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "theme-chalk/**/*.css",
+    "theme-chalk/src/**/*.scss",
+    "es/components/*/style/*",
+    "lib/components/*/style/*"
   ],
   "peerDependencies": {
     "element-plus": "^2.0.0",
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@sunyard-szyy-ui/components": "0.2.2",
-    "@sunyard-szyy-ui/hooks": "0.2.2",
-    "@sunyard-szyy-ui/utils": "0.2.2"
+    "@sunyard-szyy-ui/components": "0.2.4",
+    "@sunyard-szyy-ui/hooks": "0.2.4",
+    "@sunyard-szyy-ui/utils": "0.2.4"
   },
   "publishConfig": {
     "access": "public"

package/theme-chalk/base.css

@@ -0,0 +1 @@
+*,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #2b6ef6 !important;--el-color-primary-light-3: #6b9bf8 !important;--el-color-primary-light-5: #95b8fa !important;--el-color-primary-light-7: #bfd5fc !important;--el-color-primary-light-8: #d2e2fd !important;--el-color-primary-light-9: #e6f0fe !important;--el-color-primary-dark-2: #2358c5 !important;--el-color-success: #16a34a !important;--el-color-success-light-3: #4ec277 !important;--el-color-success-light-5: #76d196 !important;--el-color-success-light-7: #9fe0b5 !important;--el-color-success-light-8: #b7e8c7 !important;--el-color-success-light-9: #d0f0d9 !important;--el-color-success-dark-2: #12823b !important;--el-color-warning: #f59e0b !important;--el-color-warning-light-3: #f8b84b !important;--el-color-warning-light-5: #fac776 !important;--el-color-warning-light-7: #fcd5a1 !important;--el-color-warning-light-8: #fde0b7 !important;--el-color-warning-light-9: #feeacc !important;--el-color-warning-dark-2: #c47e09 !important;--el-color-danger: #ef4444 !important;--el-color-danger-light-3: #f47777 !important;--el-color-danger-light-5: #f79a9a !important;--el-color-danger-light-7: #fabbbb !important;--el-color-danger-light-8: #fccccc !important;--el-color-danger-light-9: #fddddd !important;--el-color-danger-dark-2: #bf3636 !important;--el-color-error: #ef4444 !important;--el-color-error-light-3: #f47777 !important;--el-color-error-light-5: #f79a9a !important;--el-color-error-light-7: #fabbbb !important;--el-color-error-light-8: #fccccc !important;--el-color-error-light-9: #fddddd !important;--el-color-error-dark-2: #bf3636 !important;--el-color-info: #64748b !important;--el-color-info-light-3: #8c99a9 !important;--el-color-info-light-5: #a5b0bc !important;--el-color-info-light-7: #bec6d0 !important;--el-color-info-light-8: #ced4db !important;--el-color-info-light-9: #dee2e7 !important;--el-color-info-dark-2: #505d6f !important}

package/theme-chalk/index.css

@@ -0,0 +1 @@
+*,*::before,*::after{box-sizing:border-box}:root{--el-color-primary: #2b6ef6 !important;--el-color-primary-light-3: #6b9bf8 !important;--el-color-primary-light-5: #95b8fa !important;--el-color-primary-light-7: #bfd5fc !important;--el-color-primary-light-8: #d2e2fd !important;--el-color-primary-light-9: #e6f0fe !important;--el-color-primary-dark-2: #2358c5 !important;--el-color-success: #16a34a !important;--el-color-success-light-3: #4ec277 !important;--el-color-success-light-5: #76d196 !important;--el-color-success-light-7: #9fe0b5 !important;--el-color-success-light-8: #b7e8c7 !important;--el-color-success-light-9: #d0f0d9 !important;--el-color-success-dark-2: #12823b !important;--el-color-warning: #f59e0b !important;--el-color-warning-light-3: #f8b84b !important;--el-color-warning-light-5: #fac776 !important;--el-color-warning-light-7: #fcd5a1 !important;--el-color-warning-light-8: #fde0b7 !important;--el-color-warning-light-9: #feeacc !important;--el-color-warning-dark-2: #c47e09 !important;--el-color-danger: #ef4444 !important;--el-color-danger-light-3: #f47777 !important;--el-color-danger-light-5: #f79a9a !important;--el-color-danger-light-7: #fabbbb !important;--el-color-danger-light-8: #fccccc !important;--el-color-danger-light-9: #fddddd !important;--el-color-danger-dark-2: #bf3636 !important;--el-color-error: #ef4444 !important;--el-color-error-light-3: #f47777 !important;--el-color-error-light-5: #f79a9a !important;--el-color-error-light-7: #fabbbb !important;--el-color-error-light-8: #fccccc !important;--el-color-error-light-9: #fddddd !important;--el-color-error-dark-2: #bf3636 !important;--el-color-info: #64748b !important;--el-color-info-light-3: #8c99a9 !important;--el-color-info-light-5: #a5b0bc !important;--el-color-info-light-7: #bec6d0 !important;--el-color-info-light-8: #ced4db !important;--el-color-info-light-9: #dee2e7 !important;--el-color-info-dark-2: #505d6f !important}.sy-search-bar{display:flex;gap:8px;align-items:center}.sy-search-bar__input{flex:1;min-width:0}.sy-search-bar__button{flex:none}

package/theme-chalk/search-bar.css

@@ -0,0 +1 @@
+.sy-search-bar{display:flex;gap:8px;align-items:center}.sy-search-bar__input{flex:1;min-width:0}.sy-search-bar__button{flex:none}

package/theme-chalk/src/base.scss

@@ -0,0 +1,75 @@
+// sunyard-szyy-ui 基础样式文件
+// 用于覆盖 Element Plus 的默认样式和定义公共变量
+
+// 注意：这里不能 @use './var.scss'，因为 var.scss 会引入 Element Plus 完整样式
+// 我们只需要定义 CSS 变量来覆盖 Element Plus 的主题色
+
+// 统一 box-sizing
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+// 覆盖 Element Plus 的 CSS 变量（主题色）
+// 使用 !important 确保优先级最高，避免被 Element Plus 的 base.scss 覆盖
+:root {
+  // Primary 主色
+  --el-color-primary: #2b6ef6 !important;
+  --el-color-primary-light-3: #6b9bf8 !important;
+  --el-color-primary-light-5: #95b8fa !important;
+  --el-color-primary-light-7: #bfd5fc !important;
+  --el-color-primary-light-8: #d2e2fd !important;
+  --el-color-primary-light-9: #e6f0fe !important;
+  --el-color-primary-dark-2: #2358c5 !important;
+
+  // Success 成功色
+  --el-color-success: #16a34a !important;
+  --el-color-success-light-3: #4ec277 !important;
+  --el-color-success-light-5: #76d196 !important;
+  --el-color-success-light-7: #9fe0b5 !important;
+  --el-color-success-light-8: #b7e8c7 !important;
+  --el-color-success-light-9: #d0f0d9 !important;
+  --el-color-success-dark-2: #12823b !important;
+
+  // Warning 警告色
+  --el-color-warning: #f59e0b !important;
+  --el-color-warning-light-3: #f8b84b !important;
+  --el-color-warning-light-5: #fac776 !important;
+  --el-color-warning-light-7: #fcd5a1 !important;
+  --el-color-warning-light-8: #fde0b7 !important;
+  --el-color-warning-light-9: #feeacc !important;
+  --el-color-warning-dark-2: #c47e09 !important;
+
+  // Danger/Error 危险/错误色
+  --el-color-danger: #ef4444 !important;
+  --el-color-danger-light-3: #f47777 !important;
+  --el-color-danger-light-5: #f79a9a !important;
+  --el-color-danger-light-7: #fabbbb !important;
+  --el-color-danger-light-8: #fccccc !important;
+  --el-color-danger-light-9: #fddddd !important;
+  --el-color-danger-dark-2: #bf3636 !important;
+
+  --el-color-error: #ef4444 !important;
+  --el-color-error-light-3: #f47777 !important;
+  --el-color-error-light-5: #f79a9a !important;
+  --el-color-error-light-7: #fabbbb !important;
+  --el-color-error-light-8: #fccccc !important;
+  --el-color-error-light-9: #fddddd !important;
+  --el-color-error-dark-2: #bf3636 !important;
+
+  // Info 信息色
+  --el-color-info: #64748b !important;
+  --el-color-info-light-3: #8c99a9 !important;
+  --el-color-info-light-5: #a5b0bc !important;
+  --el-color-info-light-7: #bec6d0 !important;
+  --el-color-info-light-8: #ced4db !important;
+  --el-color-info-light-9: #dee2e7 !important;
+  --el-color-info-dark-2: #505d6f !important;
+}
+
+// 如果需要覆盖 Element Plus 的某些全局样式，可以在这里添加
+// 例如：
+// .el-button {
+//   // 覆盖按钮的默认样式
+// }

package/theme-chalk/src/index.scss

@@ -0,0 +1,9 @@
+// sunyard-szyy-ui 完整样式文件
+// 注意：这里只包含 sunyard-szyy-ui 自己的样式，不包含 Element Plus
+// Element Plus 的样式需要项目自行引入
+
+// 基础样式（变量覆盖、全局样式）
+@use './base.scss';
+
+// 组件样式
+@use './search-bar.scss';

package/theme-chalk/src/search-bar.scss

@@ -0,0 +1,14 @@
+.sy-search-bar {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+
+  &__input {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__button {
+    flex: none;
+  }
+}

package/theme-chalk/src/var.scss

@@ -0,0 +1,22 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #2b6ef6
+    ),
+    'success': (
+      'base': #16a34a
+    ),
+    'warning': (
+      'base': #f59e0b
+    ),
+    'danger': (
+      'base': #ef4444
+    ),
+    'error': (
+      'base': #ef4444
+    ),
+    'info': (
+      'base': #64748b
+    )
+  )
+);

package/theme-chalk/var.scss

@@ -0,0 +1,22 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #2b6ef6
+    ),
+    'success': (
+      'base': #16a34a
+    ),
+    'warning': (
+      'base': #f59e0b
+    ),
+    'danger': (
+      'base': #ef4444
+    ),
+    'error': (
+      'base': #ef4444
+    ),
+    'info': (
+      'base': #64748b
+    )
+  )
+);