@complex-suite/component-antd 4.10.12

package/src/style/index.css

@@ -0,0 +1,304 @@
+.complex-auto-index{
+  color: var(--complex-color-primary);
+}
+.complex-high-text .complex-high-text-is-high{
+  color: var(--complex-color-primary);
+}
+/* Import Style */
+.complex-import .complex-import-file{
+  display: none !important;
+}
+.complex-menu-file{
+  display: none !important;
+}
+.complex-import .complex-import-content{
+  line-height: 22px;
+}
+.complex-import .complex-import-content .complex-import-content-delete{
+  display: inline-block;
+  margin-left: 8px;
+  cursor: pointer;
+}
+.complex-import .complex-import-image{
+  position: relative;
+  margin-top: 12px;
+}
+.complex-import .complex-import-image .complex-import-content-delete{
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 20px;
+  line-height: 20px;
+  padding: 5px;
+}
+.complex-import .complex-import-image-list{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.complex-import .complex-import-image-list .complex-import-image{
+  flex: none;
+  margin-right: 12px;
+}
+
+/* Table Style */
+
+.complex-collapse-area-collapsed{
+  overflow: hidden;
+}
+
+.complex-table .complex-table-content {
+  width: 100%;
+  overflow: auto;
+}
+.complex-table .complex-table-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 16px;
+}
+.complex-pagination{
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+.complex-pagination .complex-pagination-info{
+  margin-right: 10px;
+}
+
+.complex-simple-table-content{
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: stretch;
+  align-items: stretch;
+}
+.complex-simple-table-content .complex-simple-table-content-column{
+  flex-grow: 1;
+  flex-shrink: 0;
+  font-size: 14px;
+}
+.complex-simple-table-content .complex-simple-table-content-column.complex-simple-table-content-column-left{
+  text-align: left;
+}
+.complex-simple-table-content .complex-simple-table-content-column.complex-simple-table-content-column-right{
+  text-align: right;
+}
+.complex-simple-table-content .complex-simple-table-content-column.complex-simple-table-content-column-center{
+  text-align: center;
+}
+.complex-simple-table-content .complex-simple-table-content-column .complex-simple-table-content-header{
+  line-height: 22px;
+  white-space: nowrap; /* 不换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+  text-overflow: ellipsis; /* 显示省略号 */
+  word-wrap: break-word;
+  word-break: break-all;
+  padding: 16px 16px;
+  cursor: pointer;
+  border-bottom: 1px solid #f0f0f0;
+  background-color: #fafafa;
+  position: relative;
+}
+.complex-simple-table-content .complex-simple-table-content-column .complex-simple-table-content-header::before{
+  position: absolute;
+  top: 50%;
+  inset-inline-end: 0;
+  width: 1px;
+  height: 1.6em;
+  background-color: #f0f0f0;
+  transform: translateY(-50%);
+  transition: background-color 0.2s;
+  content: "";
+}
+.complex-simple-table-content .complex-simple-table-content-column:last-child .complex-simple-table-content-header::before{
+  display: none;
+}
+.complex-simple-table-content .complex-simple-table-content-column .complex-simple-table-content-row{
+  padding: 16px 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.complex-simple-table-content .complex-simple-table-content-column .complex-simple-table-content-row *{
+  line-height: 22px;
+  white-space: nowrap; /* 不换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+  text-overflow: ellipsis; /* 显示省略号 */
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+/* Edit Style */
+.complex-edit-inline .ant-form-item.ant-form-item-with-help{
+  margin-bottom: 0;
+}
+.complex-edit-inline .ant-form-item:not(.ant-form-item-with-help){
+  margin-bottom: 24px;
+}
+.complex-edit-grid .complex-edit-item.complex-edit-item-input-number{
+  width: 100%;
+}
+.complex-edit-grid .complex-edit-item.complex-edit-item-date{
+  width: 100%;
+}
+.complex-edit-grid .complex-edit-item.complex-edit-item-date-range{
+  width: 100%;
+}
+.complex-edit .complex-edit-item .ant-input-number {
+  width: 100%;
+}
+.complex-edit .complex-auto-item-info,.complex-info .complex-auto-item-info {
+  margin-bottom: 24px;
+}
+.complex-edit-inline .complex-auto-item-info,.complex-info-inline .complex-auto-item-info {
+  margin-inline-end: 16px;
+}
+
+.complex-auto-item-label{
+  position: relative;
+  display: inline-flex;
+}
+.complex-auto-item-left-label{
+  text-align: left;
+}
+.complex-auto-item-center-label{
+  text-align: center;
+}
+.complex-auto-item-right-label{
+  text-align: right;
+}
+.complex-auto-item-colon-label::after{
+  display: inline-block;
+  content: ":";
+  position: relative;
+  margin-block: 0;
+  margin-inline-start: 2px;
+  margin-inline-end: 8px;
+}
+.complex-auto-item.ant-form-item > .ant-row > .ant-col-0{
+  display: none;
+}
+
+/* Search Style */
+.complex-search-area{
+  display: flex;
+  flex-direction: row;
+  justify-content: stretch;
+  align-items: flex-start;
+}
+.complex-search-area .complex-edit{
+  flex: auto;
+  width: 100%;
+}
+.complex-search-area .complex-collapse-area{
+  flex: auto;
+  width: 100%;
+}
+.complex-search-area .complex-search-area-collapse-menu{
+  flex: none;
+  width: auto;
+}
+
+.complex-list-edit .complex-list-edit-menu {
+  margin-bottom: 16px;
+}
+
+.complex-color-link{
+  cursor: pointer;
+}
+
+.complex-disabled{
+  cursor: not-allowed; /* 改变鼠标指针样式 */
+  pointer-events: none; /* 防止点击 */
+}
+
+.complex-like-form-item{
+  display: inline-block;
+  font-size: 14px;
+  line-height: 30px;
+  min-height: 32px;
+  border: 1px #d9d9d9 solid;
+  border-radius: 6px;
+  padding: 0px 11px;
+}
+
+/* Image Style */
+.complex-image-viewer .complex-image-viewer-error,.complex-image-viewer .complex-image-viewer-empty{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.complex-image-viewer .complex-image-viewer-content{
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.complex-image-viewer .complex-image-viewer-content-has-modal{
+  cursor: pointer;
+}
+
+/* Flex Style */
+.complex-flex-box{
+  flex: none;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.complex-flex-box.complex-flex-box-row{
+  flex-direction: row;
+}
+.complex-flex-box.complex-flex-box-column{
+  flex-direction: column;
+}
+
+/* QuickList Style */
+.complex-quick-list{
+  padding: 0 16px;
+  overflow: auto;
+}
+.complex-quick-list .complex-search-area{
+  padding-top: 24px;
+}
+.complex-table-menu .complex-table-menu-item{
+  margin-right: 8px;
+  cursor: pointer;
+}
+.complex-table-menu .complex-table-menu-item:last-child{
+  margin-right: 0px;
+}
+
+/* QuickFloat Style */
+.complex-quick-float{
+  position: fixed;
+  z-index: 1000;
+  bottom: 32px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding-left: 8px;
+  display: none;
+}
+
+.complex-quick-float .complex-quick-float-item .complex-quick-float-item-label{
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  padding: 8px 8px;
+  margin-right: 8px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.complex-quick-float .complex-quick-float-item:last-child{
+  margin-right: 0px;
+}
+
+/* Ant Style */
+.ant-btn > .complex-icon + span, .ant-btn > span + .complex-icon {
+  margin-inline-start: 8px;
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "noEmit": true
+  },
+  "exclude": ["node_modules", "**/*.test.ts", "vitest.config.ts"]
+}

package/type.ts

@@ -0,0 +1,4 @@
+export interface localIconProps {
+  size?: number
+  color?: string
+}

package/vitest.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vitest/config'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+  },
+})

package/widthCalculator.ts

@@ -0,0 +1,20 @@
+
+// 宽度计算工具
+const widthCalculator = {
+  data: {
+    char: 14.01,
+    number: 8,
+    letter: 12.8,
+    padding: 16
+  },
+  getWidth(char: number, number = 0, letter = 0, extra = 0) {
+    // 添加误差
+    const offset = (char + number + letter) > 4 ? 4 : 4
+    return char * widthCalculator.data.char + number * widthCalculator.data.number + letter * widthCalculator.data.letter + widthCalculator.data.padding * 2 + offset + extra
+  },
+  mergeWidth(width: number, times: number) {
+    return width - widthCalculator.data.padding * 2 * (times - 1)
+  }
+}
+
+export default widthCalculator