ff-ui-plus 2.0.7

package/packages/theme-chalk/src/table.scss

@@ -0,0 +1,381 @@
+.t-table {
+  z-index: 0;
+  background-color: var(--el-bg-color);
+
+  .el-table__header-wrapper {
+    .el-table__header {
+      margin: 0;
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__body {
+      margin: 0;
+    }
+  }
+
+  .el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: 10px;
+    // margin-right: 60px;
+    margin-right: calc(2% - 20px);
+    background-color: var(--el-bg-color);
+  }
+
+  // ttable过长省略号
+  .el-table {
+    .el-tooltip {
+      div {
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+      }
+
+      .single_edit_cell {
+        overflow: visible;
+        margin-bottom: 0;
+
+        div {
+          overflow: visible;
+        }
+      }
+    }
+
+    .single_edit_cell {
+      cursor: pointer;
+
+      .slot_edit_name {
+        width: 100%;
+      }
+    }
+  }
+
+  // 多级表头过长省略号
+  .multile_head_column {
+    .el-table__row {
+      .el-tooltip {
+        div {
+          -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          word-break: break-all;
+        }
+      }
+    }
+  }
+
+  // 单元格编辑且无规则校验
+  .el-table {
+    .cell {
+      div {
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+      }
+
+      .single_edit_cell {
+        overflow: visible;
+        margin-bottom: 0;
+
+        div {
+          overflow: visible;
+        }
+      }
+    }
+  }
+
+  // 单元格编辑有规则校验
+  .el-table {
+    .cell {
+      .t_edit_cell_form_rules {
+        .single_edit_cell {
+          margin-bottom: 15px;
+
+          .el-form-item__content {
+            overflow: visible;
+
+            .el-form-item__error {
+              overflow: visible;
+            }
+          }
+
+
+        }
+      }
+    }
+  }
+
+  .el-table {
+    .cell {
+      .click_edit {
+        display: flex;
+        align-items: center;
+        line-height: 1;
+
+        .el-icon {
+          margin-left: 2px;
+        }
+      }
+    }
+  }
+
+  .el-table--border th:first-child .cell,
+  .el-table--border td:first-child .cell {
+    padding-left: 5px;
+  }
+
+  .header_wrap {
+    display: flex;
+    align-items: center;
+
+    .toolbar_top {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      .toolbar {
+        display: flex;
+        justify-content: flex-end;
+        width: 100%;
+      }
+
+      .el-button--small {
+        height: 32px;
+      }
+
+      .el-button--success {
+        background-color: #355db4;
+        border: 1px solid #355db4;
+      }
+
+      .header_right_wrap {
+        display: flex;
+        align-items: center;
+      }
+    }
+
+    .header_title {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      font-size: 16px;
+      font-weight: bold;
+      line-height: 35px;
+      margin-left: 10px;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .title-tip {
+    display: flex;
+    align-items: center;
+    padding-left: 10px;
+    font-size: 14px;
+  }
+
+  .marginBttom {
+    margin-bottom: -8px;
+  }
+
+  // 单选样式
+  .radioStyle {
+    .el-radio {
+      .el-radio__label {
+        display: none;
+      }
+
+      &:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
+        box-shadow: none;
+      }
+    }
+
+    tbody {
+      .el-table__row {
+        cursor: pointer;
+      }
+    }
+  }
+
+  // 复制功能样式
+  .cursor {
+    tbody {
+      .el-table__row {
+        cursor: pointer;
+      }
+    }
+  }
+
+  // 行拖动
+  .row_sort {
+    tbody {
+      .el-table__row {
+        cursor: move;
+      }
+    }
+  }
+
+  .row_sort_none {
+    tbody {
+      .el-table__row {
+        cursor: default;
+      }
+
+      .row_drag {
+        cursor: move;
+      }
+    }
+  }
+
+  // treeTable样式
+  .tree_style {
+    .el-table__body-wrapper {
+      .el-table__body {
+        .cell {
+          display: flex;
+          align-items: center;
+
+          .el-table__expand-icon {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+    }
+  }
+
+  // 选中行样式
+  .highlightCurrentRow {
+    .current-row {
+      cursor: pointer;
+
+      >td.el-table__cell {
+        background-color: var(--el-table-current-row-bg-color);
+      }
+    }
+  }
+
+  .el-table--scrollable-y .el-table__body-wrapper {
+    overflow-x: auto;
+  }
+
+  .handle_wrap {
+    position: sticky;
+    z-index: 10;
+    right: 0;
+    bottom: -8px;
+    margin: 0 -8px -8px;
+    padding: 12px 16px;
+    background-color: var(--el-bg-color);
+    border-top: 1px solid var(--el-table-border);
+
+    .el-btn {
+      margin-left: 8px;
+    }
+  }
+
+  .operator {
+    .operator_btn {
+      display: flex;
+      align-items: center;
+
+      .oper_more_dropdown {
+        margin-left: 8px;
+      }
+    }
+  }
+}
+
+.column_set {
+  .title {
+    font-weight: bold;
+    font-size: 14px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px 10px 0 10px;
+    color: var(--el-text-color-primary);
+  }
+
+  .el-dropdown-menu {
+    padding: 0;
+    font-size: 14px;
+
+    .el-dropdown-menu__item {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      padding: 0;
+
+      .t_table_column_setting_dropdown {
+        display: flex;
+        flex-direction: column;
+        max-height: 400px;
+        overflow-y: auto;
+        width: 100%;
+        padding: 0 10px 0 12px;
+        gap: 10px;
+
+        &:hover {
+          background-color: transparent;
+        }
+
+        .el-tree-node {
+          .el-tree-node__content {
+            padding: 10px;
+            cursor: default;
+
+            &:hover {
+              color: var(--el-color-primary);
+            }
+
+            .el-tree-node__expand-icon {
+              display: none;
+            }
+
+            .el-tree-node__label {
+              display: inline-block;
+              cursor: move;
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+
+    .el-dropdown-menu__item:not(.is-disabled):hover {
+      background-color: transparent;
+    }
+  }
+}
+
+.oper_more_dropdown_menu {
+  display: flex;
+  flex-direction: column;
+
+  .el-dropdown-menu__item {
+    padding: 6px 12px;
+  }
+}
+
+.density_set {
+  .density_set_list {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+    padding: 10px;
+
+    .el-button {
+      margin: 0;
+    }
+  }
+}

package/packages/theme-chalk/src/tabs.scss

@@ -0,0 +1,20 @@
+.t_tabs {
+  .tabs {
+    padding: 0;
+    margin: 0;
+
+    .el-tabs {
+      .el-tabs__header {
+        margin: 0;
+        padding: 0 10px;
+        background-color: #fff;
+      }
+
+      .el-tabs__nav-wrap {
+        &::after {
+          height: 1px;
+        }
+      }
+    }
+  }
+}

package/packages/theme-chalk/src/timer-btn.scss

@@ -0,0 +1,21 @@
+.t-timer-btn {
+  position: relative;
+
+  .sendSmsBtn {
+    height: 40px;
+    line-height: 40px;
+    border-radius: 4px;
+    background: #ef473a;
+    border: none;
+    padding: 0 6px;
+    color: #fff;
+    display: inline-block;
+    min-width: 92px;
+    cursor: pointer;
+  }
+
+  .dissendSmsBtn {
+    opacity: 0.5;
+    cursor: auto;
+  }
+}

package/packages/types/global.ts

@@ -0,0 +1,34 @@
+import type { Mutable } from "element-plus/es/utils"
+
+export {}
+/**
+ * ref 绑定的元素类型
+ */
+export type ElementRefType = HTMLElement | null
+
+/**
+ * setTimeout 类型
+ */
+export type Timeout = ReturnType<typeof setTimeout>
+
+/**
+ * setInterval 类型
+ */
+export type Interval = ReturnType<typeof setInterval>
+
+/**
+ * 普通的对象的泛型
+ */
+export type RecordType = {
+  [index: keyof any]: any
+}
+
+/**
+ * 允许null的泛型
+ */
+export type Nullable<T> = T | null
+
+/**
+ * 去除只读状态
+ */
+export { Mutable }

package/packages/types/index.ts

@@ -0,0 +1 @@
+export * from "./global"

package/packages/types/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@ff-ui-plus/types",
+  "version": "1.0.0",
+  "private": true,
+  "description": "",
+  "main": "index.ts",
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/packages/utils/build.config.ts

@@ -0,0 +1,23 @@
+import path from "node:path"
+import { defineBuildConfig } from "unbuild"
+import glob from "fast-glob"
+
+const entries = glob.sync("./src/*", {
+  cwd: path.resolve(__dirname),
+  onlyFiles: true
+})
+
+export default defineBuildConfig({
+  entries,
+  clean: true,
+  declaration: true,
+  rollup: {
+    emitCJS: true,
+    dts: {
+      respectExternal: true
+    },
+    esbuild: {
+      minify: true
+    }
+  }
+})

package/packages/utils/dist/cookie.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("js-cookie");function _interopDefaultCompat(e){return e&&typeof e=="object"&&"default"in e?e.default:e}const o__default=_interopDefaultCompat(o);function getCookie(e){return o__default.get(e)}function setCookie(e,t){return o__default.set(e,t)}function removeCookie(e){o__default.remove(e)}exports.getCookie=getCookie,exports.removeCookie=removeCookie,exports.setCookie=setCookie;

package/packages/utils/dist/cookie.d.cts

@@ -0,0 +1,16 @@
+/**
+ * 获取 cookie
+ * @returns
+ */
+declare function getCookie(key: string): string | undefined;
+/**
+ * 设置 cookie
+ * @returns
+ */
+declare function setCookie(key: string, data: any): string | undefined;
+/**
+ * 移除 cookie
+ */
+declare function removeCookie(key: string): void;
+
+export { getCookie, removeCookie, setCookie };

package/packages/utils/dist/cookie.d.mts

@@ -0,0 +1,16 @@
+/**
+ * 获取 cookie
+ * @returns
+ */
+declare function getCookie(key: string): string | undefined;
+/**
+ * 设置 cookie
+ * @returns
+ */
+declare function setCookie(key: string, data: any): string | undefined;
+/**
+ * 移除 cookie
+ */
+declare function removeCookie(key: string): void;
+
+export { getCookie, removeCookie, setCookie };

package/packages/utils/dist/cookie.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 获取 cookie
+ * @returns
+ */
+declare function getCookie(key: string): string | undefined;
+/**
+ * 设置 cookie
+ * @returns
+ */
+declare function setCookie(key: string, data: any): string | undefined;
+/**
+ * 移除 cookie
+ */
+declare function removeCookie(key: string): void;
+
+export { getCookie, removeCookie, setCookie };

package/packages/utils/dist/cookie.mjs

@@ -0,0 +1 @@
+import e from"js-cookie";function r(o){return e.get(o)}function n(o,t){return e.set(o,t)}function i(o){e.remove(o)}export{r as getCookie,i as removeCookie,n as setCookie};

package/packages/utils/dist/day.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("dayjs");function _interopDefaultCompat(t){return t&&typeof t=="object"&&"default"in t?t.default:t}const n__default=_interopDefaultCompat(n);function formatDate(t,e="YYYY-MM-DD HH:mm:ss"){return n__default(t||new Date).format(e)}const formatDateToDay=t=>formatDate(t,"YYYY-MM-DD"),formatDateToMinute=t=>formatDate(t,"YYYY-MM-DD HH:mm");function diffDate(t,e=n__default(),a="second"){if(t)return n__default(t).diff(n__default(e),a)}function diffDateFromCurrent(t){return t>=60*60*24*365?`${parseInt(String(t/(60*60*24*365)))}\u5E74\u524D`:t>=60*60*24*30?`${parseInt(String(t/(60*60*24*30)))}\u6708\u524D`:t>=60*60*24?`${parseInt(String(t/(60*60*24)))}\u5929\u524D`:t>=60*60?`${parseInt(String(t/(60*60)))}\u5C0F\u65F6\u524D`:t>=60?`${parseInt(String(t/60))}\u5206\u949F\u524D`:`${parseInt(String(t))}\u79D2\u524D`}exports.diffDate=diffDate,exports.diffDateFromCurrent=diffDateFromCurrent,exports.formatDate=formatDate,exports.formatDateToDay=formatDateToDay,exports.formatDateToMinute=formatDateToMinute;

package/packages/utils/dist/day.d.cts

@@ -0,0 +1,37 @@
+import { ConfigType, QUnitType, OpUnitType } from 'dayjs';
+
+/**
+ *
+ * @param {string | number | Date | Dayjs | null | undefined} date
+ * @param format 默认 YYYY-MM-DD HH:mm:ss
+ * @returns YYYY-MM-DD HH:mm:ss
+ */
+declare function formatDate(date?: ConfigType, format?: string): string;
+/**
+ * 格式化时间到天
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD
+ */
+declare const formatDateToDay: (date: ConfigType) => string;
+/**
+ * 格式化时间到分钟
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD HH:mm
+ */
+declare const formatDateToMinute: (date: ConfigType) => string;
+/**
+ * 获取两个 Dayjs 对象的时间差，默认秒。
+ * @param date1
+ * @param date2
+ * @param format
+ * @returns {*}
+ */
+declare function diffDate(date1: ConfigType, date2?: ConfigType, format?: QUnitType | OpUnitType): number | string | undefined;
+/**
+ * @desc 获取距离当前时间差，返回多少年（月/天/小时/分钟/秒）前
+ * @param date  秒数
+ * @returns
+ */
+declare function diffDateFromCurrent(date: number): string;
+
+export { diffDate, diffDateFromCurrent, formatDate, formatDateToDay, formatDateToMinute };

package/packages/utils/dist/day.d.mts

@@ -0,0 +1,37 @@
+import { ConfigType, QUnitType, OpUnitType } from 'dayjs';
+
+/**
+ *
+ * @param {string | number | Date | Dayjs | null | undefined} date
+ * @param format 默认 YYYY-MM-DD HH:mm:ss
+ * @returns YYYY-MM-DD HH:mm:ss
+ */
+declare function formatDate(date?: ConfigType, format?: string): string;
+/**
+ * 格式化时间到天
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD
+ */
+declare const formatDateToDay: (date: ConfigType) => string;
+/**
+ * 格式化时间到分钟
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD HH:mm
+ */
+declare const formatDateToMinute: (date: ConfigType) => string;
+/**
+ * 获取两个 Dayjs 对象的时间差，默认秒。
+ * @param date1
+ * @param date2
+ * @param format
+ * @returns {*}
+ */
+declare function diffDate(date1: ConfigType, date2?: ConfigType, format?: QUnitType | OpUnitType): number | string | undefined;
+/**
+ * @desc 获取距离当前时间差，返回多少年（月/天/小时/分钟/秒）前
+ * @param date  秒数
+ * @returns
+ */
+declare function diffDateFromCurrent(date: number): string;
+
+export { diffDate, diffDateFromCurrent, formatDate, formatDateToDay, formatDateToMinute };

package/packages/utils/dist/day.d.ts

@@ -0,0 +1,37 @@
+import { ConfigType, QUnitType, OpUnitType } from 'dayjs';
+
+/**
+ *
+ * @param {string | number | Date | Dayjs | null | undefined} date
+ * @param format 默认 YYYY-MM-DD HH:mm:ss
+ * @returns YYYY-MM-DD HH:mm:ss
+ */
+declare function formatDate(date?: ConfigType, format?: string): string;
+/**
+ * 格式化时间到天
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD
+ */
+declare const formatDateToDay: (date: ConfigType) => string;
+/**
+ * 格式化时间到分钟
+ * @param  {string | number | Date | Dayjs | null | undefined} date
+ * @returns YYYY-MM-DD HH:mm
+ */
+declare const formatDateToMinute: (date: ConfigType) => string;
+/**
+ * 获取两个 Dayjs 对象的时间差，默认秒。
+ * @param date1
+ * @param date2
+ * @param format
+ * @returns {*}
+ */
+declare function diffDate(date1: ConfigType, date2?: ConfigType, format?: QUnitType | OpUnitType): number | string | undefined;
+/**
+ * @desc 获取距离当前时间差，返回多少年（月/天/小时/分钟/秒）前
+ * @param date  秒数
+ * @returns
+ */
+declare function diffDateFromCurrent(date: number): string;
+
+export { diffDate, diffDateFromCurrent, formatDate, formatDateToDay, formatDateToMinute };

package/packages/utils/dist/day.mjs

@@ -0,0 +1 @@
+import n from"dayjs";function e(t,u="YYYY-MM-DD HH:mm:ss"){return n(t||new Date).format(u)}const a=t=>e(t,"YYYY-MM-DD"),r=t=>e(t,"YYYY-MM-DD HH:mm");function f(t,u=n(),D="second"){if(t)return n(t).diff(n(u),D)}function i(t){return t>=60*60*24*365?`${parseInt(String(t/(60*60*24*365)))}\u5E74\u524D`:t>=60*60*24*30?`${parseInt(String(t/(60*60*24*30)))}\u6708\u524D`:t>=60*60*24?`${parseInt(String(t/(60*60*24)))}\u5929\u524D`:t>=60*60?`${parseInt(String(t/(60*60)))}\u5C0F\u65F6\u524D`:t>=60?`${parseInt(String(t/60))}\u5206\u949F\u524D`:`${parseInt(String(t))}\u79D2\u524D`}export{f as diffDate,i as diffDateFromCurrent,e as formatDate,a as formatDateToDay,r as formatDateToMinute};

package/packages/utils/dist/file.cjs

@@ -0,0 +1 @@
+"use strict";const i=e=>e.toLowerCase(),a=e=>e&&e.slice(e.lastIndexOf(".")),isLegalFile=(e,o)=>{const s=o.filter(r=>r&&r!=="*").map(r=>i(r));if(!s.length)return!0;const t=a(e.name);return!!s.includes(i(t))},isMaxFileSize=(e,o)=>o?e.size/1024/1024<o:!0,fileToDataURL=e=>new Promise((o,s)=>{const t=new FileReader;t.onload=r=>{const n=r.target.result;o(n)},t.onerror=r=>{s(new Error(r))},t.readAsDataURL(e)}),fileToText=e=>new Promise((o,s)=>{const t=new FileReader;t.onload=r=>{const n=r.target.result;o(n)},t.onerror=r=>{s(new Error(r))},t.readAsText(e,"utf-8")}),loadImage=e=>new Promise((o,s)=>{const t=new Image;t.src=e,t.onload=()=>{const r={width:t.width,height:t.height,image:t};o(r)},t.onerror=()=>{const r=new Error("load file error");s(r)}}),isLegalResolutionRatio=async(e,o)=>{try{const{width:s,height:t}=o,r=await fileToDataURL(e),n=await loadImage(r);return n.width!==s||n.height!==t?Promise.reject(!1):!0}catch{return Promise.reject(!1)}},download=async(e,o,s)=>{if(!e)return Promise.reject("download fail: data is empt!");try{const t=await e.text();if(JSON.parse(t))return Promise.reject("download fail: server error!")}catch{}try{const{default:t}=await import("file-saver");return t.saveAs(e,o,s),Promise.resolve(e)}catch{return Promise.reject("download fail: server error!")}};exports.download=download,exports.fileToDataURL=fileToDataURL,exports.fileToText=fileToText,exports.isLegalFile=isLegalFile,exports.isLegalResolutionRatio=isLegalResolutionRatio,exports.isMaxFileSize=isMaxFileSize,exports.loadImage=loadImage;