yahee-components 0.0.29 → 0.0.31

package/es/style.css

@@ -103,15 +103,11 @@
   height: 22px;
 }
 
-.yahee-drop-down-condition {
-  /* 滚动槽 */
-  /* 滚动条滑块 */
-}
 .yahee-drop-down-condition .checkbox {
   margin-top: 5px;
 }
 .yahee-drop-down-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
@@ -119,39 +115,52 @@
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container {
+
+.scrollable-container {
   max-height: 700px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar {
+
+.scrollable-container::-webkit-scrollbar {
   width: 5px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-track {
+
+/* 滚动槽 */
+.scrollable-container::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-thumb {
+
+/* 滚动条滑块 */
+.scrollable-container::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
+.el-button + .el-button.custom-dropdown-button {
+  margin-left: 5px;
+}
+
 .custom-dropdown .checkbox {
   margin-top: 5px;
 }
-.custom-dropdown .custom-button {
+.custom-dropdown .custom-dropdown-button {
   margin-right: 0;
   padding: 1px 4px;
   min-height: 22px;
   height: 22px;
-  margin-left: 5px;
 }
-.custom-dropdown .custom-button.inner-el-button {
+.custom-dropdown .custom-dropdown-button.inner-el-button {
   margin-top: 5px;
 }
 
+.custom-dropdown-checkbox-group {
+  margin-right: 10px;
+}
+
 .custom-popover .checkbox-group {
   margin: 5px;
   width: 100%;
@@ -179,7 +188,6 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  border: 1px solid transparent;
 }
 .custom-popover .custom-total-button {
   margin-right: 0;
@@ -196,15 +204,15 @@
   color: blue;
 }
 .yahee-country-platform-shop-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
   min-height: 22px;
-  min-width: 50px;
+  min-width: 48px;
   height: 22px;
-  margin: 3px;
+  margin: 0 5px 0 0;
 }
 .yahee-country-platform-shop-condition .custom-button.inner-el-button {
   margin-top: 5px;

package/es/utils/translate.js

@@ -1,17 +1,17 @@
-import { sessionStorageProxy as u, storage as s } from "./storage.js";
+import { sessionStorageProxy as g, storage as l } from "./storage.js";
 import m from "../_virtual/lodash.js";
-import h from "../node_modules/.pnpm/axios@1.7.7/node_modules/axios/lib/axios.js";
+import h from "../node_modules/.pnpm/axios@1.7.9/node_modules/axios/lib/axios.js";
 import { i18nType as c } from "../static/CommonObject.js";
 import { Get as y } from "../api/server.js";
 const T = (e) => {
   var i;
-  const t = u.get("employee") || {}, o = d(e);
+  const t = g.get("employee") || {}, o = d(e);
   if (o === 0) return e;
-  const n = u.get(`translate${t.Language}`) || {};
+  const n = g.get(`translate${t.Language}`) || {};
   if (m.isEmpty(n) || t.Language === "zh-CN" || !/[\u4e00-\u9fa5]/.test(e)) return e;
-  const l = n[o];
-  if (l)
-    return l;
+  const s = n[o];
+  if (s)
+    return s;
   {
     const r = ((i = localStorage.getItem("localStorageListId")) == null ? void 0 : i.split(",")) || [];
     if (r.includes(o.toString()))
@@ -21,8 +21,8 @@ const T = (e) => {
       projectId: "place-order",
       id: o,
       cn: e
-    }, g = "https://erptools.yaheecloud.com/api/translation/addTranslate";
-    return console.log(g, "url"), h.post(g, p, { withCredentials: !0 }).then((f) => {
+    }, u = "http://api-tools-test.yahee.com.cn:81/api/translation/addTranslate";
+    return console.log(u, "url"), h.post(u, p, { withCredentials: !0 }).then((f) => {
       f.data.code;
     }), e;
   }
@@ -37,14 +37,14 @@ function d(e) {
   return t;
 }
 function $(e, t = "") {
-  const o = s.get("totalEmployees");
+  const o = l.get("totalEmployees");
   if (!e || m.isEmpty(o)) return t;
-  const n = u.get("employee");
+  const n = g.get("employee");
   if (n.Language === c.CN) return t;
   const a = o[e];
-  return a ? n.Language === c.CN ? a.name || t : a.enName || "" : (E(e).then((l) => {
-    const i = s.get("totalEmployees") || {}, r = l.data[0];
-    return r ? (i[e] = r, s.setWithExpireTime("totalEmployees", i, 3600 * 1e3), n.Language === c.CN ? r.name || "" : r.enName || "") : t;
+  return a ? n.Language === c.CN ? a.name || t : a.enName || "" : (E(e).then((s) => {
+    const i = l.get("totalEmployees") || {}, r = s.data[0];
+    return r ? (i[e] = r, l.setWithExpireTime("totalEmployees", i, 3600 * 1e3), n.Language === c.CN ? r.name || "" : r.enName || "") : t;
   }), t);
 }
 function E(e) {

package/lib/country-platform-shop-condition/style/index.css

@@ -25,7 +25,6 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  border: 1px solid transparent;
 }
 .custom-popover .custom-total-button {
   margin-right: 0;
@@ -42,15 +41,15 @@
   color: blue;
 }
 .yahee-country-platform-shop-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
   min-height: 22px;
-  min-width: 50px;
+  min-width: 48px;
   height: 22px;
-  margin: 3px;
+  margin: 0 5px 0 0;
 }
 .yahee-country-platform-shop-condition .custom-button.inner-el-button {
   margin-top: 5px;

package/lib/drop-down-condition/style/index.css

@@ -1,13 +1,9 @@
 @charset "UTF-8";
-.yahee-drop-down-condition {
-  /* 滚动槽 */
-  /* 滚动条滑块 */
-}
 .yahee-drop-down-condition .checkbox {
   margin-top: 5px;
 }
 .yahee-drop-down-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
@@ -15,35 +11,48 @@
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container {
+
+.scrollable-container {
   max-height: 700px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar {
+
+.scrollable-container::-webkit-scrollbar {
   width: 5px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-track {
+
+/* 滚动槽 */
+.scrollable-container::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-thumb {
+
+/* 滚动条滑块 */
+.scrollable-container::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
+.el-button + .el-button.custom-dropdown-button {
+  margin-left: 5px;
+}
+
 .custom-dropdown .checkbox {
   margin-top: 5px;
 }
-.custom-dropdown .custom-button {
+.custom-dropdown .custom-dropdown-button {
   margin-right: 0;
   padding: 1px 4px;
   min-height: 22px;
   height: 22px;
-  margin-left: 5px;
 }
-.custom-dropdown .custom-button.inner-el-button {
+.custom-dropdown .custom-dropdown-button.inner-el-button {
   margin-top: 5px;
+}
+
+.custom-dropdown-checkbox-group {
+  margin-right: 10px;
 }

package/lib/style.css

@@ -103,15 +103,11 @@
   height: 22px;
 }
 
-.yahee-drop-down-condition {
-  /* 滚动槽 */
-  /* 滚动条滑块 */
-}
 .yahee-drop-down-condition .checkbox {
   margin-top: 5px;
 }
 .yahee-drop-down-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
@@ -119,39 +115,52 @@
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container {
+
+.scrollable-container {
   max-height: 700px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar {
+
+.scrollable-container::-webkit-scrollbar {
   width: 5px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-track {
+
+/* 滚动槽 */
+.scrollable-container::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
 }
-.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-thumb {
+
+/* 滚动条滑块 */
+.scrollable-container::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
+.el-button + .el-button.custom-dropdown-button {
+  margin-left: 5px;
+}
+
 .custom-dropdown .checkbox {
   margin-top: 5px;
 }
-.custom-dropdown .custom-button {
+.custom-dropdown .custom-dropdown-button {
   margin-right: 0;
   padding: 1px 4px;
   min-height: 22px;
   height: 22px;
-  margin-left: 5px;
 }
-.custom-dropdown .custom-button.inner-el-button {
+.custom-dropdown .custom-dropdown-button.inner-el-button {
   margin-top: 5px;
 }
 
+.custom-dropdown-checkbox-group {
+  margin-right: 10px;
+}
+
 .custom-popover .checkbox-group {
   margin: 5px;
   width: 100%;
@@ -179,7 +188,6 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  border: 1px solid transparent;
 }
 .custom-popover .custom-total-button {
   margin-right: 0;
@@ -196,15 +204,15 @@
   color: blue;
 }
 .yahee-country-platform-shop-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
   min-height: 22px;
-  min-width: 50px;
+  min-width: 48px;
   height: 22px;
-  margin: 3px;
+  margin: 0 5px 0 0;
 }
 .yahee-country-platform-shop-condition .custom-button.inner-el-button {
   margin-top: 5px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",

package/readme.md

@@ -0,0 +1,249 @@
+# yahee-components Library
+
+深圳前海亚讯公司，使用 Vue 3 和 Vite 构建的前端组件库。它结合 TypeScript 提供类型支持，并集成了 prettier+husky+lint-staged 以确保代码质量。
+
+## 目录
+
+- [特性](#特性)
+- [安装](#安装)
+- [快速开始](#快速开始)
+- [组件](#组件)
+- [开发指南](#开发指南)
+- [代码规范](#代码规范)
+- [文档](#文档)
+- [常见问题](#常见问题)
+- [贡献](#贡献)
+- [许可证](#许可证)
+
+## 特性
+
+- **现代化技术栈**：基于 Vue 3 和 Vite，支持快速开发。
+- **TypeScript 支持**：提供类型安全。
+- **代码质量保障**：使用 ESLint、Prettier 和 lint-staged。
+- **易于集成**：与现有项目无缝结合。
+
+## 安装
+
+使用 npm 安装：
+
+```bash
+npm install yahee-components
+```
+
+或使用 Yarn：
+
+```bash
+yarn add yahee-components
+```
+
+## 快速开始
+
+在你的 Vue 项目中引入并使用组件：
+
+```javascript
+import { YaheeComplexSearch } from 'yahee-components';
+import 'yahee-components/es/style.css';
+<template>
+  <YaheeComplexSearch
+    :show-within-filter-checkbox="true"
+    :show-patch-search="true"
+    :placeholder-text="`${M2('PD单号')}/${M2('SKU')}/${M2('SKU别名')}`"
+    :show-select="false"
+    :search-item="searchItem"
+    @filter-change-grandson="filterChangeGrandson"
+  />
+</template>
+```
+
+## 组件
+
+### YaheeAnnexUpload
+
+文件上传组件，支持文件类型、文件数量、文件大小、文件单位等参数自定义
+
+```html
+<template>
+  <yahee-annex-upload
+    v-model="fileValue"
+    :accept=".gif,.jpg,.png,.doc,.docx,.pdf,.xls,.xlsx"
+    :limit="1"
+    :fileSize="20"
+    :fileSizeUnit="mb"
+  />
+</template>
+```
+
+### YaheeComplexSearch
+
+复杂搜索组件，支持是否展示多选下拉框、是否展示批量搜索、是否在筛选条件内搜索等参数自定义，并emit筛选条件给父组件监听以完成筛选
+
+```html
+<template>
+  <yahee-complex-search
+    :show-within-filter-checkbox="true"
+    :show-patch-search="true"
+    :show-select="false"
+    :search-item="searchItem"
+    @filter-change-grandson="filterChange"
+  />
+</template>
+```
+
+### YaheeCountryPlatformShopCondition
+
+销量等级二维筛选组件。
+
+```html
+<template>
+  <yahee-country-platform-shop-condition
+    :xy-filters="filterList"
+    filter-key="saleLevels"
+    @filter-change="filterChange"
+  />
+</template>
+```
+
+### YaheeImageUpload
+
+图片上传组件，支持图片大小、图片单位等参数自定义
+
+```html
+<template>
+  <yahee-image-upload v-model="imageValue" />
+</template>
+```
+
+### YaheeCopy
+
+复制组件
+
+```html
+<template>
+  <yahee-copy content="121212">复制</yahee-copy>
+</template>
+```
+
+### YaheeDropdownCondition
+
+下拉筛选项组件，支持传入父组件函数，用以接受选择的筛选项参数
+
+```html
+<template>
+  <yahee-drop-down-condition
+    filter-key="series"
+    enum-entity="category-series"
+    @filter-change="filterChange"
+  />
+</template>
+```
+
+### YaheeLeftCondition
+
+普通单选筛选项组件，支持传入父组件函数，用以接受选择的筛选项参数
+
+```html
+<template>
+  <YaheeLeftCondition
+    ref="bigGroupRef"
+    :select-list="categoryManagers"
+    :all-is-empty="true"
+    filter-key="categoryManager"
+    @filter-change="filterChange"
+  />
+</template>
+```
+
+### YaheeLeftConditionEnum
+
+普通单选筛选项组件，与上面组件不同的是，选项内容通过接口进行查询，同时也支持传入父组件函数，用以接受选择的筛选项参数
+
+```html
+<template>
+  <YaheeLeftConditionEnum
+    enum-entity="country"
+    filter-key="country"
+    :all-is-empty="true"
+    :init-filters="initFilters"
+    @filter-change="filterChange"
+  />
+</template>
+```
+### YaheeOperationLog
+
+操作日志组件，支持下拉加载，通过业务参数获取不同操作日志
+
+```html
+<template>
+  <YaheeLeftConditionEnum
+    enum-entity="country"
+    filter-key="country"
+    :all-is-empty="true"
+    :init-filters="initFilters"
+    @filter-change="filterChange"
+  />
+</template>
+```
+
+## 开发指南
+
+### 本地开发
+
+克隆仓库并安装依赖：
+
+```bash
+git clone 
+cd your-local-download-directory
+pnpm install
+```
+
+启动开发服务器：
+
+```bash
+yarn dev
+```
+
+### 构建
+
+构建生产版本：
+
+```bash
+cd packages/components
+npm run build
+```
+
+### 发布
+
+登录npm后
+
+```bash
+npm publish --access public
+```
+
+## 代码规范
+
+- 使用 ESLint 和 Prettier 格式化代码。
+- 提交前使用 lint-staged 进行检查。
+
+## 文档
+
+详细的 API 文档请参阅项目内docs文件夹下的文档。
+
+## 常见问题
+
+### 如何报告问题？
+
+请联系维护人menglingnan/zhangyujiao/smithshi提交问题。
+
+## 贡献
+
+欢迎贡献！请确保遵循以下步骤：
+
+1. Fork 仓库
+2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
+3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
+4. 推送到分支 (`git push origin feature/AmazingFeature`)
+5. 打开一个 Pull Request
+
+## 许可证
+
+该项目采用 MIT 许可证。

package/types/hooks/useClipboard.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare function useClipboard(options?: any): {
+    isSupported: boolean;
+    copied: Ref<boolean, boolean>;
+    copy: (value?: any) => Promise<void>;
+    copyUrl: (data?: any) => void;
+};

package/types/hooks/useImg.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 拼接图片
+ * @param file
+ */
+export default function useImage(fileId: string, isBig?: boolean): string;
+export declare function useFile(file: {
+    index?: number;
+    fileId: string;
+    fileName?: string;
+}): string;

package/types/hooks/useImgPath.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 使用图片
+ * @param name 图片名称
+ */
+export default function useImagePath(name: string): string;

package/types/hooks/useImport.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 导入文件
+ * @param fileType
+ * @param file
+ * @param callback
+ * @returns
+ */
+export declare const useImport: (file: File, progressCallback?: any) => Promise<{
+    id: string;
+    url: string;
+}>;

package/types/hooks/useUpload.d.ts

@@ -0,0 +1,12 @@
+export declare const useIsImg: (file: File) => boolean;
+/**
+ * 上传文件
+ * @param fileType
+ * @param file
+ * @param callback
+ * @returns
+ */
+export declare const useUpload: (fileType: string, file: File, progressCallback?: any) => Promise<{
+    id: string;
+    url: string;
+}>;