@donglegeyu/company-ui 1.2.13 → 1.2.15

package/dist/cjs/basic-components/CompanyForm/index.scss

@@ -29,6 +29,12 @@
       flex-shrink: 0;
       display: flex;
       align-items: center;
+      align-self: flex-start;
+      height: 32px;
+    }
+
+    &.label-top .ant-form-item-label {
+      height: auto;
     }
 
     .ant-form-item-label > label {

package/dist/cjs/shared-components/FilterOptionsDrawer/index.js

@@ -131,11 +131,11 @@ function FilterOptionsDrawer({
           {
             label: "视图名称",
             name: "schemeName",
-            rules: [{ required: true, message: "请输入视图名称" }],
+            rules: [{ required: true, message: "请输入" }],
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_basic_components.CompanyInput,
               {
-                placeholder: "请输入视图名称（最多8个字）",
+                placeholder: "请输入",
                 maxLength: 8,
                 showCount: true
               }

package/dist/cjs/shared-components/SectionTitle/index.js

@@ -26,10 +26,10 @@ var import_index = require("./index.scss");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SectionTitle({ title, description }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `section-title${description ? " section-title-with-desc" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-bar" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "section-title-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-desc", children: description })
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "section-title-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-bar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "section-title-text", children: title })
+    ] }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "section-title-desc", children: description })
   ] });
 }

package/dist/cjs/shared-components/SectionTitle/index.scss

@@ -2,41 +2,37 @@
   box-sizing: border-box;
   display: flex;
   align-items: center;
-  gap: 10px;
   height: 38px;
   padding: 8px 0;
   margin-bottom: 8px;
 }
 
+.section-title-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .section-title-bar {
   width: 4px;
   height: 16px;
   border-radius: 12px;
   background: #F95914;
+  flex-shrink: 0;
 }
 
 .section-title-text {
   font-size: 14px;
   font-weight: 600;
   color: #1D2129;
+  line-height: 1.5;
 }
 
 .section-title-with-desc {
   height: auto;
+  flex-direction: column;
   align-items: flex-start;
   padding: 12px 0;
-
-  .section-title-bar {
-    height: 100%;
-    min-height: 16px;
-  }
-
-  .section-title-content {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    line-height: 1.5;
-  }
 }
 
 .section-title-desc {
@@ -44,4 +40,6 @@
   font-weight: 400;
   color: rgba(29, 33, 41, 0.55);
   line-height: 1.5;
+  padding-left: 12px;
+  margin-top: 0px;
 }

package/dist/cjs/template-components/FilterForm/index.js

@@ -193,7 +193,7 @@ function FilterForm({
             {
               className: "btn-col",
               style: { marginLeft: "auto" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyForm.Item, { className: "filter-item", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyForm.Item, { className: "filter-item", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "filter-actions", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { type: "primary", onClick: handleSearch, children: "查询" }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { onClick: handleReset, children: "重置" }),
                 needExpand && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -218,7 +218,7 @@ function FilterForm({
             {
               value: formModel[item.key] || "",
               onChange: (e) => handleFieldChange(item.key, e.target.value),
-              placeholder: item.placeholder || "请输入"
+              placeholder: typeof item.placeholder === "string" ? item.placeholder : "请输入"
             }
           ),
           item.inputType === "select" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -226,7 +226,7 @@ function FilterForm({
             {
               value: formModel[item.key],
               onChange: (val) => handleFieldChange(item.key, val),
-              placeholder: item.placeholder || "请选择",
+              placeholder: typeof item.placeholder === "string" ? item.placeholder : "请选择",
               options: item.options,
               allowClear: true
             }
@@ -236,6 +236,7 @@ function FilterForm({
             {
               value: formModel[item.key] ? (0, import_dayjs.default)(formModel[item.key]) : void 0,
               onChange: (_val, dateString) => handleFieldChange(item.key, dateString),
+              placeholder: typeof item.placeholder === "string" ? item.placeholder : "请选择",
               style: { width: "100%" }
             }
           ),
@@ -248,7 +249,7 @@ function FilterForm({
               ] : void 0,
               onChange: (_val, dateStrings) => handleFieldChange(item.key, dateStrings),
               style: { width: "100%" },
-              placeholder: ["开始日期", "结束日期"],
+              placeholder: Array.isArray(item.placeholder) ? item.placeholder : ["请选择", "请选择"],
               presets
             }
           )

package/dist/cjs/template-components/FilterForm/index.scss

@@ -8,9 +8,7 @@
     margin-bottom: 0;
   }
 
-  .ant-input,
-  .ant-select,
-  .ant-picker {
+  .ant-form-item.filter-item {
     margin: 6px 0;
   }
 
@@ -42,22 +40,10 @@
   display: flex;
   justify-content: flex-end;
 
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  .ant-space {
+  .filter-actions {
     display: flex;
-    justify-content: flex-end;
-  }
-
-  .ant-space-item {
-    margin: 6px 0;
-  }
-
-  .ant-btn {
-    margin: 6px 0;
-    box-shadow: none;
+    align-items: center;
+    gap: 12px;
   }
 }
 

package/dist/cjs/template-components/FormPageTemplate/index.scss

@@ -1,37 +1,36 @@
 .form-page-template {
+  position: absolute;
+  inset: 0;
   width: 100%;
+  height: 100%;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  padding: 0rem 0.75rem;
-  flex-grow: 1;
-  align-self: stretch;
+  padding: 0 0.75rem;
   z-index: 1;
   overflow: hidden;
   background: #f5f5f5;
 }
 
 .form-page-title {
-  position: sticky;
-  top: 0;
-  z-index: 20;
+  flex-shrink: 0;
   background: var(--ant-color-bg-container);
 }
 
 .form-page-container {
-  width: 100%;
+  box-sizing: border-box;
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  flex-grow: 1;
-  align-self: stretch;
-  z-index: 3;
-  border-radius: 0.38rem 0.38rem 0rem 0rem;
   background: #ffffff;
+  border-radius: 0.38rem 0.38rem 0 0;
   overflow: hidden;
 }
 
 .form-page-content {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
@@ -70,10 +69,13 @@
 }
 
 .form-page-footer {
+  flex-shrink: 0;
+
   &.fixed {
     position: sticky;
     bottom: 0;
     z-index: 10;
+    background: #ffffff;
   }
 
   &.static {

package/dist/cjs/template-components/IconSelect/index.js

@@ -72,7 +72,7 @@ function IconSelect(props) {
 }
 function IconSelectInner({
   value,
-  placeholder = "请选择图标",
+  placeholder = "请选择",
   size = "middle",
   style,
   iconEndpoint = "/api/icons",

package/dist/cjs/template-components/StatisticsListPage/index.js

@@ -76,7 +76,7 @@ var StatisticsListPage = (props) => {
     title = "统计列表",
     titleSuffix,
     statisticCards,
-    searchPlaceholder = "请输入关键字进行搜索",
+    searchPlaceholder = "请输入",
     searchKey = "keyword",
     filterFields = [],
     columns,
@@ -411,7 +411,7 @@ var StatisticsListPage = (props) => {
                 const val = typeof dateString === "string" ? dateString : "";
                 setTempFilters((prev) => ({ ...prev, [field.key]: val }));
               },
-              placeholder: field.placeholder || "选择日期",
+              placeholder: field.placeholder || "请选择",
               style: { width: "100%" }
             }
           )

package/dist/cjs/types/index.d.ts

@@ -33,7 +33,7 @@ export interface DisplayItem {
     label?: string;
     type: 'item' | 'button';
     inputType?: string;
-    placeholder?: string;
+    placeholder?: string | string[];
     options?: {
         label: string;
         value: unknown;

package/dist/es/basic-components/CompanyForm/index.scss

@@ -29,6 +29,12 @@
       flex-shrink: 0;
       display: flex;
       align-items: center;
+      align-self: flex-start;
+      height: 32px;
+    }
+
+    &.label-top .ant-form-item-label {
+      height: auto;
     }
 
     .ant-form-item-label > label {

package/dist/es/shared-components/FilterOptionsDrawer/index.js

@@ -180,10 +180,10 @@ export default function FilterOptionsDrawer(_ref) {
           name: "schemeName",
           rules: [{
             required: true,
-            message: '请输入视图名称'
+            message: '请输入'
           }],
           children: /*#__PURE__*/_jsx(CompanyInput, {
-            placeholder: "\u8BF7\u8F93\u5165\u89C6\u56FE\u540D\u79F0\uFF08\u6700\u591A8\u4E2A\u5B57\uFF09",
+            placeholder: "\u8BF7\u8F93\u5165",
             maxLength: 8,
             showCount: true
           })

package/dist/es/shared-components/SectionTitle/index.js

@@ -6,17 +6,17 @@ export default function SectionTitle(_ref) {
     description = _ref.description;
   return /*#__PURE__*/_jsxs("div", {
     className: "section-title".concat(description ? ' section-title-with-desc' : ''),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "section-title-bar"
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "section-title-content",
-      children: [/*#__PURE__*/_jsx("span", {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "section-title-head",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "section-title-bar"
+      }), /*#__PURE__*/_jsx("span", {
         className: "section-title-text",
         children: title
-      }), description && /*#__PURE__*/_jsx("div", {
-        className: "section-title-desc",
-        children: description
       })]
+    }), description && /*#__PURE__*/_jsx("div", {
+      className: "section-title-desc",
+      children: description
     })]
   });
 }

package/dist/es/shared-components/SectionTitle/index.scss

@@ -2,41 +2,37 @@
   box-sizing: border-box;
   display: flex;
   align-items: center;
-  gap: 10px;
   height: 38px;
   padding: 8px 0;
   margin-bottom: 8px;
 }
 
+.section-title-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .section-title-bar {
   width: 4px;
   height: 16px;
   border-radius: 12px;
   background: #F95914;
+  flex-shrink: 0;
 }
 
 .section-title-text {
   font-size: 14px;
   font-weight: 600;
   color: #1D2129;
+  line-height: 1.5;
 }
 
 .section-title-with-desc {
   height: auto;
+  flex-direction: column;
   align-items: flex-start;
   padding: 12px 0;
-
-  .section-title-bar {
-    height: 100%;
-    min-height: 16px;
-  }
-
-  .section-title-content {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    line-height: 1.5;
-  }
 }
 
 .section-title-desc {
@@ -44,4 +40,6 @@
   font-weight: 400;
   color: rgba(29, 33, 41, 0.55);
   line-height: 1.5;
+  padding-left: 12px;
+  margin-top: 0px;
 }

package/dist/es/template-components/FilterForm/index.js

@@ -212,11 +212,7 @@ export default function FilterForm(_ref) {
             children: /*#__PURE__*/_jsx(CompanyForm.Item, {
               className: "filter-item",
               children: /*#__PURE__*/_jsxs("div", {
-                style: {
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: 12
-                },
+                className: "filter-actions",
                 children: [/*#__PURE__*/_jsx(CompanyButton, {
                   type: "primary",
                   onClick: handleSearch,
@@ -252,13 +248,13 @@ export default function FilterForm(_ref) {
               onChange: function onChange(e) {
                 return handleFieldChange(item.key, e.target.value);
               },
-              placeholder: item.placeholder || '请输入'
+              placeholder: typeof item.placeholder === 'string' ? item.placeholder : '请输入'
             }), item.inputType === 'select' && /*#__PURE__*/_jsx(CompanySelect, {
               value: formModel[item.key],
               onChange: function onChange(val) {
                 return handleFieldChange(item.key, val);
               },
-              placeholder: item.placeholder || '请选择',
+              placeholder: typeof item.placeholder === 'string' ? item.placeholder : '请选择',
               options: item.options,
               allowClear: true
             }), item.inputType === 'date' && /*#__PURE__*/_jsx(CompanyDatePicker, {
@@ -266,6 +262,7 @@ export default function FilterForm(_ref) {
               onChange: function onChange(_val, dateString) {
                 return handleFieldChange(item.key, dateString);
               },
+              placeholder: typeof item.placeholder === 'string' ? item.placeholder : '请选择',
               style: {
                 width: '100%'
               }
@@ -277,7 +274,7 @@ export default function FilterForm(_ref) {
               style: {
                 width: '100%'
               },
-              placeholder: ['开始日期', '结束日期'],
+              placeholder: Array.isArray(item.placeholder) ? item.placeholder : ['请选择', '请选择'],
               presets: presets
             })]
           })

package/dist/es/template-components/FilterForm/index.scss

@@ -8,9 +8,7 @@
     margin-bottom: 0;
   }
 
-  .ant-input,
-  .ant-select,
-  .ant-picker {
+  .ant-form-item.filter-item {
     margin: 6px 0;
   }
 
@@ -42,22 +40,10 @@
   display: flex;
   justify-content: flex-end;
 
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  .ant-space {
+  .filter-actions {
     display: flex;
-    justify-content: flex-end;
-  }
-
-  .ant-space-item {
-    margin: 6px 0;
-  }
-
-  .ant-btn {
-    margin: 6px 0;
-    box-shadow: none;
+    align-items: center;
+    gap: 12px;
   }
 }
 

package/dist/es/template-components/FormPageTemplate/index.scss

@@ -1,37 +1,36 @@
 .form-page-template {
+  position: absolute;
+  inset: 0;
   width: 100%;
+  height: 100%;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  padding: 0rem 0.75rem;
-  flex-grow: 1;
-  align-self: stretch;
+  padding: 0 0.75rem;
   z-index: 1;
   overflow: hidden;
   background: #f5f5f5;
 }
 
 .form-page-title {
-  position: sticky;
-  top: 0;
-  z-index: 20;
+  flex-shrink: 0;
   background: var(--ant-color-bg-container);
 }
 
 .form-page-container {
-  width: 100%;
+  box-sizing: border-box;
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  flex-grow: 1;
-  align-self: stretch;
-  z-index: 3;
-  border-radius: 0.38rem 0.38rem 0rem 0rem;
   background: #ffffff;
+  border-radius: 0.38rem 0.38rem 0 0;
   overflow: hidden;
 }
 
 .form-page-content {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
@@ -70,10 +69,13 @@
 }
 
 .form-page-footer {
+  flex-shrink: 0;
+
   &.fixed {
     position: sticky;
     bottom: 0;
     z-index: 10;
+    background: #ffffff;
   }
 
   &.static {

package/dist/es/template-components/IconSelect/index.js

@@ -76,7 +76,7 @@ export default function IconSelect(props) {
 function IconSelectInner(_ref) {
   var value = _ref.value,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '请选择图标' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请选择' : _ref$placeholder,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'middle' : _ref$size,
     style = _ref.style,

package/dist/es/template-components/StatisticsListPage/index.js

@@ -103,7 +103,7 @@ export var StatisticsListPage = function StatisticsListPage(props) {
     titleSuffix = props.titleSuffix,
     statisticCards = props.statisticCards,
     _props$searchPlacehol = props.searchPlaceholder,
-    searchPlaceholder = _props$searchPlacehol === void 0 ? '请输入关键字进行搜索' : _props$searchPlacehol,
+    searchPlaceholder = _props$searchPlacehol === void 0 ? '请输入' : _props$searchPlacehol,
     _props$searchKey = props.searchKey,
     searchKey = _props$searchKey === void 0 ? 'keyword' : _props$searchKey,
     _props$filterFields = props.filterFields,
@@ -565,7 +565,7 @@ export var StatisticsListPage = function StatisticsListPage(props) {
                     return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, field.key, val));
                   });
                 },
-                placeholder: field.placeholder || '选择日期',
+                placeholder: field.placeholder || '请选择',
                 style: {
                   width: '100%'
                 }

package/dist/es/types/index.d.ts

@@ -33,7 +33,7 @@ export interface DisplayItem {
     label?: string;
     type: 'item' | 'button';
     inputType?: string;
-    placeholder?: string;
+    placeholder?: string | string[];
     options?: {
         label: string;
         value: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donglegeyu/company-ui",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",