3h1-ui 2.6.0 → 2.8.0

package/es/index.js

@@ -1,6 +1,6 @@
 import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, isVNode, shallowReactive, toRaw, shallowRef, withKeys, withModifiers, render as render$1, resolveDirective, isRef, useAttrs as useAttrs$2 } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Table as Table$1, Form, FormItem, DatePicker, InputNumber, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Divider, Col, Popconfirm, Modal as Modal$2, Row, Dropdown, Menu, MenuItem, MenuDivider, Spin, PageHeader, Image, Badge, Tag, FormItemRest, Drawer, Space, Upload, Avatar } from "ant-design-vue";
-import { propTypes, isFunction as isFunction$4, isString as isString$3, isArray as isArray$3, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, isNumber as isNumber$2, isBoolean, isNull, extendSlots as extendSlots$1, withInstall as withInstall$1, isObject as isObject$3, dateUtil, isNullOrUnDef, isDef as isDef$1, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, buildUUID, findNodeAll, getViewportOffset, warn as warn$1, isNullAndUnDef, dataURLtoBlob } from "@shy-plugins/utils";
+import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Table as Table$1, Form, FormItem, DatePicker, InputNumber, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Col, Popconfirm, Modal as Modal$2, Row, Dropdown, Menu, MenuItem, MenuDivider, Divider as Divider$1, Spin, PageHeader, Space, Image, Badge, Tag, FormItemRest, Drawer, Upload, Avatar } from "ant-design-vue";
+import { propTypes, isFunction as isFunction$4, isString as isString$3, isArray as isArray$3, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, isNumber as isNumber$2, isBoolean, isNull, extendSlots as extendSlots$1, withInstall as withInstall$2, isObject as isObject$3, dateUtil, isNullOrUnDef, isDef as isDef$1, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, buildUUID, findNodeAll, getViewportOffset, warn as warn$1, isNullAndUnDef, dataURLtoBlob } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$2, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useI18n as useI18n$1, useContentHeight, useDesign as useDesign$1, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
 import Iconify from "@purge-icons/generated";
@@ -1679,6 +1679,21 @@ var SmallDashOutlined = function SmallDashOutlined2(props2, context) {
 SmallDashOutlined.displayName = "SmallDashOutlined";
 SmallDashOutlined.inheritAttrs = false;
 const SmallDashOutlined$1 = SmallDashOutlined;
+const Divider = /* @__PURE__ */ defineComponent({
+  props: {
+    label: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(props2, {
+    attrs
+  }) {
+    return () => createVNode("div", {
+      "class": "shy-form-divider"
+    }, [props2.label]);
+  }
+});
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -7275,6 +7290,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 const Table_vue_vue_type_style_index_0_scoped_7465b460_lang = "";
 const Table = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7465b460"]]);
+console.log(Divider);
 const componentMap$2 = /* @__PURE__ */ new Map();
 componentMap$2.set("Input", Input);
 componentMap$2.set("InputGroup", Input.Group);
@@ -7482,7 +7498,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           type: "horizontal"
         }, componentProps, {
           orientation: "left",
-          plain: true
+          plain: true,
+          label: (schema2 == null ? void 0 : schema2.label) || ""
         });
       }
       if (schema2.component === "Input") {
@@ -7902,7 +7919,7 @@ const _sfc_main$J = defineComponent({
     };
   }
 });
-const Button = withInstall$1(_sfc_main$K);
+const Button = withInstall$2(_sfc_main$K);
 const key$3 = Symbol();
 function createFormContext(context) {
   return createContext$1(context, key$3);
@@ -7967,7 +7984,10 @@ const _sfc_main$I = defineComponent({
         {
           text: "查询"
         },
-        props2.submitButtonOptions
+        {
+          ...props2.submitButtonOptions,
+          loading: false
+        }
       );
     });
     const getPreIcon = computed(() => {
@@ -7992,7 +8012,6 @@ const _sfc_main$I = defineComponent({
 });
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicButton = resolveComponent("BasicButton");
-  const _component_SearchOutlined = resolveComponent("SearchOutlined");
   const _component_Button = resolveComponent("Button");
   const _component_FormItem = resolveComponent("FormItem");
   return _ctx.showActionButtonGroup ? (openBlock(), createElementBlock("div", {
@@ -8006,10 +8025,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           type: "default",
           class: "mr-2"
-        }, _ctx.getResetBtnOptions, {
-          onClick: _ctx.resetAction,
-          preIcon: "ant-design:sync-outlined"
-        }), {
+        }, _ctx.getResetBtnOptions, { onClick: _ctx.resetAction }), {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.getResetBtnOptions.text), 1)
           ]),
@@ -8021,11 +8037,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           type: "primary",
           class: "mr-2"
         }, { ..._ctx.getSubmitBtnOptions }, { onClick: _ctx.submitAction }), {
-          icon: withCtx(() => [
-            createVNode(_component_SearchOutlined, { style: { "line-height": "14px", "transform": "translateY(3px)", "font-size": "14px", "box-sizing": "border-box" } })
-          ]),
           default: withCtx(() => [
-            createTextVNode(" " + toDisplayString(_ctx.getSubmitBtnOptions.text), 1)
+            createTextVNode(toDisplayString(_ctx.getSubmitBtnOptions.text), 1)
           ]),
           _: 1
         }, 16, ["onClick"])) : createCommentVNode("", true),
@@ -9840,7 +9853,7 @@ const useModalInner = (callbackFn) => {
     }
   ];
 };
-const BasicModal = withInstall$1(basicModal);
+const BasicModal = withInstall$2(basicModal);
 const basicProps$4 = {
   model: {
     type: Object,
@@ -10249,7 +10262,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(_ctx.getToggleClass),
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggleAdvanced && _ctx.handleToggleAdvanced(...args))
           }, [
-            createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#919191 " } })
+            createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#AED0FA " } })
           ], 2)
         ], 2)) : createCommentVNode("", true)
       ];
@@ -10257,7 +10270,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64);
 }
 const BasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$n]]);
-const index$3 = "";
+const index$4 = "";
 function useComponentRegister(compName, comp) {
   add(compName, comp);
   tryOnUnmounted(() => {
@@ -10859,7 +10872,7 @@ function useTree(treeDataRef, getFieldNames) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const prefixCls = "context-menu";
+const prefixCls$1 = "context-menu";
 const props$4 = {
   width: {
     type: Number,
@@ -10978,11 +10991,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         if (!children || children.length === 0) {
           return createVNode(Fragment, null, [createVNode(Menu.Item, {
             "disabled": disabled,
-            "class": `${prefixCls}__item`,
+            "class": `${prefixCls$1}__item`,
             "key": label
           }, {
             default: () => [createVNode(ItemContent, contentProps, null)]
-          }), divider ? createVNode(Divider, {
+          }), divider ? createVNode(Divider$1, {
             "key": `d-${label}`
           }, null) : null]);
         }
@@ -10991,7 +11004,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return createVNode(Menu.SubMenu, {
           "key": label,
           "disabled": disabled,
-          "popupClassName": `${prefixCls}__popup`
+          "popupClassName": `${prefixCls$1}__popup`
         }, {
           title: () => createVNode(ItemContent, contentProps, null),
           default: () => renderMenuItem(children)
@@ -11007,7 +11020,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         items
       } = props2;
       return createVNode("div", {
-        "class": prefixCls
+        "class": prefixCls$1
       }, [createVNode(Menu, {
         "inlineIndent": 12,
         "mode": "vertical",
@@ -11473,7 +11486,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$2 = "";
+const index$3 = "";
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "DeptTree",
   props: {
@@ -11719,6 +11732,64 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 const PageWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$l]]);
+const prefixCls = "shy-basic-page-second";
+const PageSecond = /* @__PURE__ */ defineComponent({
+  props: {
+    title: {
+      type: String,
+      default: () => "Title"
+    },
+    isShowCancelButton: {
+      type: Boolean,
+      default: () => true
+    },
+    isShowConfirmButton: {
+      type: Boolean,
+      default: () => true
+    }
+  },
+  emits: ["click-return"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const handleClick = () => {
+      emit("click-return");
+    };
+    return () => {
+      var _a2;
+      return createVNode("div", {
+        "class": `${prefixCls}-wrapper`
+      }, [createVNode("div", {
+        "class": `${prefixCls}-header`
+      }, [createVNode(ArrowLeftOutlined$1, {
+        "class": `${prefixCls}-header-icon`,
+        "onClick": handleClick
+      }, null), createVNode("div", {
+        "class": `${prefixCls}-header-title`
+      }, [props2.title])]), createVNode("div", {
+        "class": `${prefixCls}-body`
+      }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), createVNode("div", {
+        "class": `${prefixCls}-footer`
+      }, [createVNode(Space, null, {
+        default: () => {
+          var _a3, _b, _c;
+          return [(_a3 = slots.beforeCancelButton) == null ? void 0 : _a3.call(slots), props2.isShowCancelButton ? createVNode(_sfc_main$K, {
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("取消")]
+          }) : null, (_b = slots.afterCancelButton) == null ? void 0 : _b.call(slots), props2.isShowConfirmButton ? createVNode(_sfc_main$K, {
+            "type": "primary",
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("确定")]
+          }) : null, (_c = slots.beforeConfirmButton) == null ? void 0 : _c.call(slots)];
+        }
+      })])]);
+    };
+  }
+});
+const index$2 = "";
 const PageWrapperFixedHeightKey = "PageWrapperFixedHeight";
 const _sfc_main$s = defineComponent({
   name: "EditTableHeaderIcon",
@@ -11851,9 +11922,13 @@ const FETCH_SETTING = fetchSetting;
 const DEFAULT_SIZE = defaultSize;
 const DEFAULT_SORT_FN = defaultSortFn;
 const DEFAULT_FILTER_FN = defaultFilterFn;
-const DEFAULT_ALIGN = "center";
+let DEFAULT_ALIGN = "left";
 const INDEX_COLUMN_FLAG = "INDEX";
 const ACTION_COLUMN_FLAG = "ACTION";
+const ACTION_COLUMN_WIDTH = 160;
+const setConstConfig = (config) => {
+  DEFAULT_ALIGN = config.align;
+};
 function itemRender({
   page,
   type,
@@ -12608,6 +12683,7 @@ function handleActionColumn(propsRef, columns) {
     columns.push({
       ...columns[hasIndex],
       fixed: "right",
+      width: ACTION_COLUMN_WIDTH,
       ...actionColumn,
       flag: ACTION_COLUMN_FLAG
     });
@@ -13525,7 +13601,7 @@ const _sfc_main$p = defineComponent({
     CheckboxGroup: Checkbox.Group,
     DragOutlined: DragOutlined$1,
     ScrollContainer: ScrollContainer$1,
-    Divider,
+    Divider: Divider$1,
     Icon: Icon2
   },
   emits: ["columns-change"],
@@ -14393,6 +14469,7 @@ function useTableForm(propsRef, slots, fetch, getLoading) {
     const { submitButtonOptions } = formConfig || {};
     return {
       showAdvancedButton: true,
+      rowProps: { gutter: 20 },
       ...formConfig,
       submitButtonOptions: {
         loading: unref(getLoading),
@@ -14425,7 +14502,7 @@ function useTableForm(propsRef, slots, fetch, getLoading) {
     handleSearchInfoChange
   };
 }
-const basicProps$3 = {
+const basicProps$3 = reactive({
   clickToRowSelect: { type: Boolean, default: true },
   isTreeTable: Boolean,
   tableSetting: propTypes.shape({}),
@@ -14489,6 +14566,8 @@ const basicProps$3 = {
   },
   // 使用搜索表单
   useSearchForm: propTypes.bool,
+  // 使用表格内边距
+  useTableWrapper: propTypes.bool.def(true),
   // 表单配置
   formConfig: {
     type: Object,
@@ -14552,6 +14631,11 @@ const basicProps$3 = {
     type: String,
     default: DEFAULT_SIZE
   }
+});
+const basicPropChange = (options) => {
+  Object.keys(options).forEach((name) => {
+    basicProps$3[name] = options[name];
+  });
 };
 const _sfc_main$i = defineComponent({
   components: {
@@ -14726,6 +14810,7 @@ const _sfc_main$i = defineComponent({
         attrs.class,
         {
           [`${prefixCls2}-form-container`]: values.useSearchForm,
+          [`${prefixCls2}-table-wrapper`]: values.useTableWrapper,
           [`${prefixCls2}--inset`]: values.inset
         }
       ];
@@ -14816,7 +14901,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Table = resolveComponent("Table");
   return openBlock(), createElementBlock("div", {
     ref: "wrapRef",
-    class: normalizeClass(_ctx.getWrapperClass)
+    class: normalizeClass(_ctx.getWrapperClass),
+    style: { "background-color": "#fff" }
   }, [
     _ctx.getBindValues.useSearchForm ? (openBlock(), createBlock(_component_BasicForm, mergeProps({
       key: 0,
@@ -14994,7 +15080,7 @@ const _sfc_main$g = defineComponent({
   components: {
     Icon: Icon2,
     PopConfirmButton: _sfc_main$J,
-    Divider,
+    Divider: Divider$1,
     Dropdown: _sfc_main$h,
     MoreOutlined: MoreOutlined$1,
     Tooltip
@@ -15010,7 +15096,11 @@ const _sfc_main$g = defineComponent({
     },
     divider: propTypes.bool.def(true),
     outside: propTypes.bool,
-    stopButtonPropagation: propTypes.bool.def(false)
+    stopButtonPropagation: propTypes.bool.def(false),
+    showCount: {
+      type: Number,
+      default: () => 2
+    }
   },
   setup(props2) {
     const { prefixCls: prefixCls2 } = useDesign$1("basic-table-action");
@@ -15030,8 +15120,8 @@ const _sfc_main$g = defineComponent({
       return isIfShow2;
     }
     const getActions = computed(() => {
-      return (toRaw(props2.actions) || []).filter((action) => {
-        return isIfShow(action);
+      return (toRaw(props2.actions) || []).filter((action, index2) => {
+        return isIfShow(action) && index2 < props2.showCount;
       }).map((action) => {
         const { popConfirm } = action;
         return {
@@ -15047,8 +15137,8 @@ const _sfc_main$g = defineComponent({
       });
     });
     const getDropdownList = computed(() => {
-      const list = (toRaw(props2.dropDownActions) || []).filter((action) => {
-        return isIfShow(action);
+      const list = (toRaw(props2.actions) || []).filter((action, index2) => {
+        return isIfShow(action) && index2 >= props2.showCount;
       });
       return list.map((action, index2) => {
         const { label, popConfirm } = action;
@@ -15151,7 +15241,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         })) : createCommentVNode("", true)
       ], 64);
     }), 128)),
-    _ctx.dropDownActions && _ctx.getDropdownList.length > 0 ? (openBlock(), createBlock(_component_Dropdown, {
+    _ctx.getDropdownList.length > 0 ? (openBlock(), createBlock(_component_Dropdown, {
       key: 0,
       trigger: ["hover"],
       dropMenuList: _ctx.getDropdownList,
@@ -15435,6 +15525,16 @@ function useTable(tableProps) {
   };
   return [register, methods2];
 }
+const withInstall$1 = (component) => {
+  const comp = component;
+  comp.install = (app, options = {}, config = {}) => {
+    basicPropChange(options);
+    setConstConfig(config);
+    app.component("BasicTable", component);
+  };
+  return component;
+};
+withInstall$1(BasicTable);
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Table",
   setup(__props, { expose }) {
@@ -15698,6 +15798,19 @@ const basicProps$2 = {
     default: () => ({})
   }
 };
+const DescriptionGroup = /* @__PURE__ */ defineComponent({
+  props: {
+    label: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(props2) {
+    return () => createVNode("div", {
+      "class": "shy-form-divider"
+    }, [props2.label]);
+  }
+});
 const Description = /* @__PURE__ */ defineComponent({
   name: "Description",
   props: basicProps$2,
@@ -15723,19 +15836,31 @@ const Description = /* @__PURE__ */ defineComponent({
     const rows = computed(() => {
       return getProps.value.schema.map((item) => {
         var _a2, _b;
-        return createVNode("div", {
-          "class": `${prefixCls2}-row`,
-          "style": {
-            flex: `0 0 ${(((_a2 = item == null ? void 0 : item.colProps) == null ? void 0 : _a2.span) || basicColProps) / 24 * 100}%`
-          }
-        }, [createVNode("span", {
-          "style": {
-            width: `${getProps.value.labelWidth}px`
-          },
-          "class": `${prefixCls2}-label`
-        }, [slots[`${item.field}Label`] ? slots[`${item.field}Label`]() : item.label, ((_b = getProps.value) == null ? void 0 : _b.isShowColon) ? ":" : ""]), createVNode("span", {
-          "class": `${prefixCls2}-value`
-        }, [slots[`${item.field}Value`] ? slots[`${item.field}Value`]() : getProps.value.data[item.field]])]);
+        if ((item == null ? void 0 : item.component) === "Divider") {
+          return createVNode(Divider$1, null, null);
+        } else if ((item == null ? void 0 : item.component) === "Group") {
+          return createVNode("div", {
+            "style": {
+              flex: "0 0 100%"
+            }
+          }, [createVNode(DescriptionGroup, {
+            "label": item == null ? void 0 : item.label
+          }, null)]);
+        } else {
+          return createVNode("div", {
+            "class": `${prefixCls2}-row`,
+            "style": {
+              flex: `0 0 ${(((_a2 = item == null ? void 0 : item.colProps) == null ? void 0 : _a2.span) || basicColProps) / 24 * 100}%`
+            }
+          }, [createVNode("span", {
+            "style": {
+              width: `${getProps.value.labelWidth}px`
+            },
+            "class": `${prefixCls2}-label`
+          }, [slots[`${item.field}Label`] ? slots[`${item.field}Label`]() : item.label, ((_b = getProps.value) == null ? void 0 : _b.isShowColon) ? ":" : ""]), createVNode("span", {
+            "class": `${prefixCls2}-value`
+          }, [slots[`${item.field}Value`] ? slots[`${item.field}Value`]() : getProps.value.data[item.field]])]);
+        }
       });
     });
     emit("register", {
@@ -20417,6 +20542,7 @@ export {
   LazyContainer,
   Loading,
   PageFooter,
+  PageSecond,
   PageWrapper,
   PageWrapperFixedHeightKey,
   _sfc_main$J as PopConfirmButton,

package/es/style.css

@@ -25064,9 +25064,9 @@ span.iconify {
   align-items: center;
   width: 32px;
   height: 12px;
-  border: 1px solid #f0f0f0;
-  border-radius: 6px;
-  transition: all 0.2s;
+  border: 1px solid #aed0fa;
+  border-radius: 0;
+  transition: all 0.1;
   cursor: pointer;
 }
 .shy-basic-form-toggle-icon.expend {
@@ -25108,6 +25108,24 @@ span.iconify {
 }
 .shy-form-action .ant-form-item-control-input-content button {
   margin: 0 5px;
+}
+.shy-form-divider {
+  display: flex;
+  align-items: center;
+  height: 30px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: PingFangSC-Semibold;
+  color: #131415;
+  line-height: 16px;
+}
+.shy-form-divider::after {
+  display: inline-block;
+  margin-left: 8px;
+  width: 2px;
+  height: 14px;
+  content: '';
+  background: #2991ff;
 }.shy-search[data-v-6d3f2554] {
   position: relative;
   display: flex;
@@ -25243,6 +25261,37 @@ span.iconify {
 }
 .shy-page-wrapper--dense .shy-page-wrapper-content {
   margin: 0;
+}.shy-basic-page-second-wrapper {
+  height: 100%;
+  padding: 15px;
+  overflow: hidden;
+}
+.shy-basic-page-second-header {
+  display: flex;
+  align-items: center;
+  line-height: 40px;
+  height: 40px;
+}
+.shy-basic-page-second-header-icon {
+  font-size: 16px;
+}
+.shy-basic-page-second-header-title {
+  margin-left: 30px;
+  font-size: 20px;
+  font-family: PingFangSC-Regular;
+  font-weight: 400;
+  color: #131415;
+}
+.shy-basic-page-second-body {
+  height: calc(100% - 40px - 50px);
+  overflow: auto;
+}
+.shy-basic-page-second-footer {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  height: 50px;
+  flex: none;
 }.shy-basic-table-header-cell__help {
   margin-left: 8px;
   color: rgba(0, 0, 0, 0.65) !important;
@@ -25429,6 +25478,9 @@ span.iconify {
   width: 100%;
   height: 100%;
 }
+.shy-basic-table-table-wrapper {
+  padding: 15px;
+}
 .shy-basic-table-row__striped td {
   background-color: #fafafa;
 }
@@ -25512,7 +25564,6 @@ span.iconify {
 }.shy-basic-description-wrapper {
   display: flex;
   flex-flow: row wrap;
-  height: 100%;
   overflow-y: auto;
 }
 .shy-basic-description-label {
@@ -25532,6 +25583,24 @@ span.iconify {
   display: flex;
   margin: 8px 0;
   overflow: hidden;
+}
+.shy-form-divider {
+  display: flex;
+  align-items: center;
+  height: 30px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: PingFangSC-Semibold;
+  color: #131415;
+  line-height: 16px;
+}
+.shy-form-divider::after {
+  display: inline-block;
+  margin-left: 8px;
+  width: 2px;
+  height: 14px;
+  content: '';
+  background: #2991ff;
 }.shy-basic-drawer-footer {
   position: absolute;
   bottom: 0;

package/es/ui/src/Description/src/DescriptionGroup.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>>, {
+    label: string;
+}>;
+export default _default;

package/es/ui/src/Description/src/props.d.ts

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
 export interface Schema {
-    label: string;
-    field: string;
+    label?: string;
+    field?: string;
     colProps?: {
         span: number;
     };
+    component?: 'Divider' | 'Group';
 }
 export declare const basicColProps = 24;
 export declare const basicProps: {

package/es/ui/src/Page/index.d.ts

@@ -1,4 +1,5 @@
 import PageFooter from './src/PageFooter.vue';
 import PageWrapper from './src/PageWrapper.vue';
-export { PageFooter, PageWrapper };
+import PageSecond from './src/PageSecond';
+export { PageFooter, PageWrapper, PageSecond };
 export declare const PageWrapperFixedHeightKey = "PageWrapperFixedHeight";

package/es/ui/src/Page/src/PageSecond.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    isShowCancelButton: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    isShowConfirmButton: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-return"[], "click-return", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    isShowCancelButton: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    isShowConfirmButton: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+}>> & {
+    "onClick-return"?: (...args: any[]) => any;
+}, {
+    title: string;
+    isShowCancelButton: boolean;
+    isShowConfirmButton: boolean;
+}>;
+export default _default;

package/es/ui/src/Table/index.d.ts

@@ -1,4 +1,4 @@
-export { default as BasicTable } from './src/BasicTable.vue';
+import BasicTable from './src/BasicTable.vue';
 export { default as TableAction } from './src/components/TableAction.vue';
 export { default as EditTableHeaderIcon } from './src/components/EditTableHeaderIcon.vue';
 export { default as TableImg } from './src/components/TableImg.vue';
@@ -9,3 +9,4 @@ export * from './src/types/tableAction';
 export { useTable } from './src/hooks/useTable';
 export type { FormSchema, FormProps } from '../form';
 export type { EditRecordRow } from './src/components/editable';
+export { BasicTable };

package/es/ui/src/Table/src/const.d.ts

@@ -17,6 +17,8 @@ export declare const DEFAULT_SORT_FN: (sortInfo: SorterResult) => {
     order?: undefined;
 };
 export declare const DEFAULT_FILTER_FN: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
-export declare const DEFAULT_ALIGN = "center";
+export declare let DEFAULT_ALIGN: string;
 export declare const INDEX_COLUMN_FLAG = "INDEX";
 export declare const ACTION_COLUMN_FLAG = "ACTION";
+export declare const ACTION_COLUMN_WIDTH = 160;
+export declare const setConstConfig: (config: any) => void;