3h1-ui 3.0.0-next.53 → 3.0.0-next.55

package/es/index.js

@@ -1,5 +1,5 @@
 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 as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, readonly, useAttrs as useAttrs$2, shallowReactive, withKeys, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text, withModifiers } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$2, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme, Breadcrumb, Timeline, TimelineItem } from "ant-design-vue";
+import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme, Breadcrumb, Timeline, TimelineItem } from "ant-design-vue";
 import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, extendSlots as extendSlots$1, withInstall as withInstall$8, isBoolean as isBoolean$1, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, 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, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useDesign as useDesign$1, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$3, useI18n as useI18n$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
@@ -2607,7 +2607,7 @@ var VerticalAlignBottomOutlined = function VerticalAlignBottomOutlined2(props2,
 VerticalAlignBottomOutlined.displayName = "VerticalAlignBottomOutlined";
 VerticalAlignBottomOutlined.inheritAttrs = false;
 const VerticalAlignBottomOutlined$1 = VerticalAlignBottomOutlined;
-const Divider$1 = /* @__PURE__ */ defineComponent({
+const Divider = /* @__PURE__ */ defineComponent({
   props: {
     label: {
       type: String,
@@ -5965,7 +5965,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   }
 });
 const BasicTitle_vue_vue_type_style_index_0_scoped_c885e8af_lang = "";
-const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-c885e8af"]]);
+const BasicTitle$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-c885e8af"]]);
 const props$b = {
   prefixCls: { type: String },
   helpMessage: {
@@ -5977,7 +5977,7 @@ const props$b = {
   canExpan: { type: Boolean }
 };
 const _sfc_main$1y = defineComponent({
-  components: { BasicArrow, BasicTitle: Divider },
+  components: { BasicArrow, BasicTitle: BasicTitle$1 },
   inheritAttrs: false,
   props: props$b,
   emits: ["expand"]
@@ -8914,11 +8914,11 @@ const _hoisted_5$6 = {
   key: 0,
   class: "flex py-2 items-center justify-center"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "p-5"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$2 = {
   key: 0,
   class: "cursor-pointer px-2 py-1 flex items-center"
 };
@@ -9057,12 +9057,12 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
                     onChange: handlePageChange
                   }, null, 8, ["pageSize", "total"])
                 ])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_6$2, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
                 createVNode(unref(AEmpty))
               ]))
             ]),
             default: withCtx(() => [
-              isSvgMode && currentSelect.value ? (openBlock(), createElementBlock("span", _hoisted_7$1, [
+              isSvgMode && currentSelect.value ? (openBlock(), createElementBlock("span", _hoisted_7$2, [
                 createVNode(SvgIcon, { name: currentSelect.value }, null, 8, ["name"])
               ])) : (openBlock(), createBlock(Icon2, {
                 key: 1,
@@ -9258,7 +9258,7 @@ const _hoisted_4$6 = {
   class: "table-children-delete-index"
 };
 const _hoisted_5$5 = ["onClick"];
-const _hoisted_6$1 = {
+const _hoisted_6$2 = {
   key: 2,
   class: "table-children-delete-index"
 };
@@ -9542,7 +9542,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
               onClick: ($event) => rowClickEvent(record[__props.rowKey])
             }, [
               createVNode(unref(DeleteFilled$1), { style: { color: "#fff" } })
-            ], 8, _hoisted_5$5)) : (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(index2 + 1), 1))
+            ], 8, _hoisted_5$5)) : (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(index2 + 1), 1))
           ])) : createCommentVNode("", true)
         ]),
         _: 1
@@ -9839,7 +9839,8 @@ const Modal$2 = /* @__PURE__ */ defineComponent({
         ...props2,
         onCancel
       };
-      return createVNode(Modal$3, propsData, _isSlot$8(_slot = extendSlots(slots)) ? _slot : {
+      const modalProps2 = omit$1(propsData, "visible");
+      return createVNode(Modal$3, modalProps2, _isSlot$8(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -11545,7 +11546,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1040)),
-            __props.divider && index2 < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider$2), {
+            __props.divider && index2 < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider$1), {
               key: 2,
               type: "vertical",
               class: "action-divider"
@@ -12496,7 +12497,7 @@ componentMap$3.set("IconPicker", _sfc_main$1t);
 componentMap$3.set("InputCountDown", CountdownInput);
 componentMap$3.set("Table", Table$1);
 componentMap$3.set("Tinymce", _sfc_main$1q);
-componentMap$3.set("Divider", Divider$1);
+componentMap$3.set("Divider", Divider);
 function add$1(compName, component) {
   componentMap$3.set(compName, component);
 }
@@ -12966,7 +12967,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
         return createVNode(Col, {
           "span": 24
         }, {
-          default: () => [createVNode(Divider$1, unref(getComponentsProps), _isSlot$6(_slot = renderLabelHelpMessage()) ? _slot : {
+          default: () => [createVNode(Divider, unref(getComponentsProps), _isSlot$6(_slot = renderLabelHelpMessage()) ? _slot : {
             default: () => [_slot]
           })]
         });
@@ -14542,7 +14543,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }, [
         unref(slots).headerTitle ? renderSlot(_ctx.$slots, "headerTitle", { key: 0 }, void 0, true) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1$u, [
-          !unref(slots).headerTitle && _ctx.title ? (openBlock(), createBlock(unref(Divider), {
+          !unref(slots).headerTitle && _ctx.title ? (openBlock(), createBlock(unref(BasicTitle$1), {
             key: 0,
             helpMessage: _ctx.helpMessage
           }, {
@@ -14909,7 +14910,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             "key": label
           }, {
             default: () => [createVNode(ItemContent, contentProps, null)]
-          }), divider ? createVNode(Divider$2, {
+          }), divider ? createVNode(Divider$1, {
             "key": `d-${label}`
           }, null) : null]);
         }
@@ -17891,7 +17892,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024),
-                            createVNode(unref(Divider$2), { type: "vertical" }),
+                            createVNode(unref(Divider$1), { type: "vertical" }),
                             createVNode(unref(Tooltip), {
                               placement: "bottomLeft",
                               mouseLeaveDelay: 0.4,
@@ -18225,8 +18226,8 @@ const _hoisted_5$4 = {
   key: 0,
   class: "shy-ui-advanced-search-item-value-range"
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { style: { "flex": "0", "width": "40px", "margin-right": "8px" } }, " 至 ", -1);
-const _hoisted_7 = {
+const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("div", { style: { "flex": "0", "width": "40px", "margin-right": "8px" } }, " 至 ", -1);
+const _hoisted_7$1 = {
   key: 1,
   style: { "margin-left": "8px", "cursor": "pointer", "position": "relative" },
   class: "shy-ui-advanced-minus-icon"
@@ -18484,7 +18485,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                                   ]),
                                   _: 2
                                 }, 1024),
-                                _hoisted_6,
+                                _hoisted_6$1,
                                 createVNode(unref(FormItem), null, {
                                   default: withCtx(() => [
                                     createVNode(unref(DatePicker$1), {
@@ -18533,7 +18534,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1024)) : createCommentVNode("", true),
-                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
                           createElementVNode("div", {
                             style: { "position": "absolute", "width": "14px", "height": "14px", "left": "0", "right": "0", "top": "0", "bottom": "0" },
                             class: "shy-basic-minus-icon",
@@ -20690,7 +20691,7 @@ const Description = /* @__PURE__ */ defineComponent({
       return getProps.value.schema.map((item) => {
         var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
         if ((item == null ? void 0 : item.component) === "Divider") {
-          return createVNode(Divider$2, null, null);
+          return createVNode(Divider$1, null, null);
         } else if ((item == null ? void 0 : item.component) === "Group") {
           return createVNode("div", {
             "style": {
@@ -20914,7 +20915,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
 const DrawerFooter = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$q]]);
 const _sfc_main$F = defineComponent({
   name: "BasicDrawerHeader",
-  components: { BasicTitle: Divider, ArrowLeftOutlined: ArrowLeftOutlined$1 },
+  components: { BasicTitle: BasicTitle$1, ArrowLeftOutlined: ArrowLeftOutlined$1 },
   props: {
     isDetail: {
       type: Boolean
@@ -25304,7 +25305,7 @@ const _sfc_main$u = defineComponent({
     CheckboxGroup: Checkbox.Group,
     DragOutlined: DragOutlined$1,
     ScrollContainer: ScrollContainer$1,
-    Divider: Divider$2,
+    Divider: Divider$1,
     Icon: Icon2
   },
   emits: ["columns-change"],
@@ -31917,7 +31918,7 @@ const DEFAULT_FILTER_FN = defaultFilterFn;
 let DEFAULT_ALIGN = "left";
 const INDEX_COLUMN_FLAG = "INDEX";
 const ACTION_COLUMN_FLAG = "ACTION";
-const ACTION_COLUMN_WIDTH = 90;
+const ACTION_COLUMN_WIDTH = 65;
 const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
@@ -33460,7 +33461,7 @@ ShyComponentMap.set("IconPicker", _sfc_main$1t);
 ShyComponentMap.set("InputCountDown", CountdownInput);
 ShyComponentMap.set("Table", Table);
 ShyComponentMap.set("Tinymce", _sfc_main$e);
-ShyComponentMap.set("Divider", Divider);
+ShyComponentMap.set("Divider", BasicTitle$1);
 ShyComponentMap.set("ColorPicker", ColorPickerPanel);
 function add(compName, component) {
   ShyComponentMap.set(compName, component);
@@ -33911,7 +33912,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         return createVNode(Col, {
           "span": 24
         }, {
-          default: () => [createVNode(Divider, unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
+          default: () => [createVNode(BasicTitle$1, unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
             default: () => [_slot]
           })]
         });
@@ -37358,7 +37359,7 @@ const ShyTableColumn = /* @__PURE__ */ defineComponent({
                     "onClick": () => handleColumnFixed(item, "left")
                   }, null)],
                   title: () => createVNode("span", null, [createTextVNode("固定到左侧")])
-                }), createVNode(Divider$2, {
+                }), createVNode(Divider$1, {
                   "type": "vertical"
                 }, null), createVNode(Tooltip, {
                   "placement": "bottomLeft",
@@ -37578,7 +37579,7 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
         "class": `${prefixCls2}-button`
       }, [(_a2 = slots == null ? void 0 : slots.toolbar) == null ? void 0 : _a2.call(slots)])]), createVNode("div", {
         "class": `${prefixCls2}-toolbar`
-      }, [createVNode(Divider$2, {
+      }, [createVNode(Divider$1, {
         "type": "vertical",
         "class": "action-divider"
       }, null), isShowSetting()])]);
@@ -39091,8 +39092,8 @@ const ShyTableAction = /* @__PURE__ */ defineComponent({
       isInButton && e.stopPropagation();
     };
     const renderDivider = (index2, length2) => {
-      const isShow = props2.divider && index2 < length2 && ["action"].includes(props2.type);
-      return isShow ? createVNode(Divider$2, {
+      const isShow = props2.divider && index2 < length2 - +!getDropdownList.value.length && ["action"].includes(props2.type);
+      return isShow ? createVNode(Divider$1, {
         "type": "vertical",
         "class": "action-divider"
       }, null) : null;
@@ -39431,7 +39432,7 @@ const ShyContainer = /* @__PURE__ */ defineComponent({
     BreadcrumbItem
   },
   props: shyContainerProps,
-  emits: ["submit", "cancel", "save"],
+  emits: ["submit", "cancel", "save", "route-change"],
   setup(props2, {
     slots,
     emit
@@ -39503,7 +39504,8 @@ const ShyContainer = /* @__PURE__ */ defineComponent({
       }, _isSlot(_slot = props2.navBars.map((item) => {
         return createVNode(BreadcrumbItem, null, {
           default: () => [item.path ? createVNode(resolveComponent("router-link"), {
-            "to": item.path
+            "to": item.path,
+            "onClick": () => emit("route-change", item)
           }, {
             default: () => [item.name]
           }) : createVNode("span", null, [item.name])]
@@ -39531,8 +39533,13 @@ withInstall(ShyContainer);
 const _hoisted_1 = { class: "process-wrapper" };
 const _hoisted_2 = { class: "process-header text-[#1B1F24] text-14px" };
 const _hoisted_3 = { class: "process-body" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { class: "process-time" };
+const _hoisted_4 = {
+  key: 0,
+  class: "process-item"
+};
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Process",
   props: {
@@ -39574,60 +39581,59 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     },
     columns: {
+      type: Array,
       default: () => [
-        { key: "processName" },
-        { key: "user", label: "申请人" },
-        { key: "suggestion", label: "建议", customRender: (record) => "123" },
-        { key: "result", label: "结果" }
+        {
+          key: "processName"
+        },
+        {
+          key: "user",
+          label: "申请人"
+        },
+        {
+          key: "suggestion",
+          label: "建议"
+        },
+        {
+          key: "result",
+          label: "结果"
+        }
       ]
     }
   },
   setup(__props) {
     const props2 = __props;
-    const getStyle = (index2) => {
-      if (index2 === 0) {
-        return {
-          fontFamily: "PingFangSC, PingFang SC",
-          fontWeight: 500,
-          fontSize: "14px",
-          color: "#1B1F24",
-          lineHeight: "20px",
-          textAlign: "left",
-          fontStyle: "normal"
-        };
-      } else {
-        return {
-          fontWeight: 400,
-          fontSize: "12px",
-          color: "#1B1F24",
-          lineHeight: "16px",
-          textAlign: "left",
-          fontStyle: "normal"
-        };
-      }
-    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, toDisplayString(props2.title), 1),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(BasicTitle$1), null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(props2.title), 1)
+            ]),
+            _: 1
+          })
+        ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(Timeline), null, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (item, index2) => {
                 return openBlock(), createBlock(unref(TimelineItem), { key: index2 }, {
+                  dot: withCtx(() => [
+                    createElementVNode("div", {
+                      class: normalizeClass(["process-dot", { ["process-dot-last"]: __props.data.length - 1 === +index2 }])
+                    }, null, 2)
+                  ]),
                   default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props2.columns, ({ key: key2, label, customRender }, cIndex) => {
-                      return openBlock(), createElementBlock(Fragment, { key: cIndex }, [
-                        item[key2] ? (openBlock(), createElementBlock("div", {
-                          key: 0,
-                          class: "process-item",
-                          style: normalizeStyle$1(getStyle(cIndex))
-                        }, [
-                          label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(label) + ":", 1)) : createCommentVNode("", true),
-                          createElementVNode("span", null, toDisplayString(customRender ? customRender(item) : item[key2]), 1)
-                        ], 4)) : createCommentVNode("", true)
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props2.columns, ({ key: key2, label, customRender }, _cIndex) => {
+                      return openBlock(), createElementBlock(Fragment, { key: _cIndex }, [
+                        item[key2] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                          label ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(label) + "：", 1)) : createCommentVNode("", true),
+                          customRender ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                            (openBlock(), createBlock(resolveDynamicComponent(h("span", null, customRender(item)))))
+                          ])) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item[key2]), 1))
+                        ])) : createCommentVNode("", true)
                       ], 64);
-                    }), 128)),
-                    createElementVNode("div", _hoisted_5, toDisplayString(item.createTime), 1)
+                    }), 128))
                   ]),
                   _: 2
                 }, 1024);
@@ -39640,8 +39646,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Process_vue_vue_type_style_index_0_scoped_d4b02362_lang = "";
-const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4b02362"]]);
+const Process_vue_vue_type_style_index_0_scoped_5c48c981_lang = "";
+const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c48c981"]]);
 export {
   _sfc_main$T as AdvancedSearch,
   ApiCascader$1 as ApiCascader,
@@ -39662,7 +39668,7 @@ export {
   BasicModal,
   BasicResizeWrapper,
   BasicTable,
-  Divider as BasicTitle,
+  BasicTitle$1 as BasicTitle,
   _sfc_main$13 as BasicTree,
   Button,
   _sfc_main$z as ClickOutSide,

package/es/style.css

@@ -965,26 +965,23 @@ input:focus.ant-input {
   border: solid 2px transparent;
   background: transparent;
 }
-:is(.ant-table-thead) .ant-table-selection-column::before {
-  content: unset !important;
-}
 :is(.ant-table-thead) .ant-table-cell:nth-last-child(2)::before {
   content: unset !important;
 }
 :is(.ant-table-thead) .ant-table-cell-scrollbar.ant-table-cell-scrollbar {
   box-shadow: unset;
 }
-.ant-table-cell-fix-right-first {
-  border-left: 1px solid var(--gray-3);
-}
-.ant-table-cell-fix-left-last {
-  border-right: 1px solid var(--gray-3);
-}
 .ant-table-wrapper .ant-table-ping-right .ant-table-cell-fix-right-last::after {
   box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08) !important;
 }
 .ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-last::after {
   box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08) !important;
+}
+.ant-table-body {
+  overflow: auto auto !important;
+}
+.ant-table-cell-fix-right-first {
+  right: 0 !important;
 }.shy-strength-meter-bar[data-v-c8d77eaa] {
   position: relative;
   margin: 10px auto 6px;
@@ -8915,7 +8912,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   margin: auto !important;
 }
 .shy-ant-table-action .ant-divider, .shy-ant-table-action .ant-divider-vertical {
-  margin: 0 2px;
+  margin: 0 1px;
 }
 .shy-ant-table-action .icon-more {
   transform: rotate(90deg);
@@ -8924,6 +8921,9 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   font-size: 1.1em;
   font-weight: 700;
 }
+.shy-ant-table-action .ant-btn-link {
+  padding-left: 0;
+}
 .shy-ant-table-action-footer-more-btn {
   display: flex;
   gap: 16px;
@@ -9028,33 +9028,55 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
 }
 .shy-container-footer-cancel-right {
   flex-direction: row-reverse;
-}.process-wrapper[data-v-d4b02362] {
+}.process-wrapper[data-v-5c48c981] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 8px;
+  padding-left: 8px;
+  padding-right: 2px;
   width: 288px;
   height: 100%;
-  background: #ffffff;
-  border-radius: 8px;
-  border: 1px solid #d0d7de;
-  padding-top: 8px;
-  padding-left: 12px;
+  overflow: hidden;
+  border-radius: 4px;
+  border: 1px solid var(--gray-3);
+  background: var(--gray-0);
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.02);
+  z-index: 100;
 }
-.process-header[data-v-d4b02362] {
-  line-height: 32px;
+.process-wrapper .process-header[data-v-5c48c981] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
-  font-size: 14px;
   color: #1b1f24;
-  line-height: 20px;
   text-align: left;
   font-style: normal;
 }
-.process-body[data-v-d4b02362] {
-  padding-top: 10px;
+.process-wrapper .process-body[data-v-5c48c981] {
+  padding-top: 4px;
+  padding-left: 10px;
+  overflow-y: auto;
 }
-.process-time[data-v-d4b02362] {
-  font-size: 12px;
-  color: #b6bdd2;
+.process-wrapper .process-body[data-v-5c48c981]::-webkit-scrollbar {
+  position: absolute;
+  height: 10px;
+  width: 10px;
 }
-.process-item[data-v-d4b02362] {
+.process-wrapper .process-body[data-v-5c48c981]::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  border: solid 2px transparent;
+  background-color: transparent;
+  border-radius: 10px;
+}
+.process-wrapper .process-body[data-v-5c48c981]::-webkit-scrollbar-thumb:active, .process-wrapper .process-body[data-v-5c48c981]::-webkit-scrollbar-thumb:hover {
+  box-shadow: inset 0 0 10px 10px var(--gray-3);
+  background-color: transparent;
+}
+.process-wrapper .process-body[data-v-5c48c981]::-webkit-scrollbar-track {
+  border-radius: 10px;
+  border: solid 2px transparent;
+  background: transparent;
+}
+.process-wrapper .process-body .process-item[data-v-5c48c981] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 12px;
@@ -9062,5 +9084,36 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   line-height: 16px;
   text-align: left;
   font-style: normal;
-  padding: 5px 0;
+  padding: 2px 0;
+}
+.process-wrapper .process-body .process-item[data-v-5c48c981]:nth-child(1) {
+  padding: 3px 0;
+  font-size: 14px;
+}
+.process-wrapper .process-body .process-item[data-v-5c48c981]:nth-last-child(1) {
+  font-family: unset;
+  color: var(--gray-4);
+}
+.process-wrapper .process-body .process-dot[data-v-5c48c981] {
+  width: 12px;
+  height: 12px;
+  border-radius: 12px;
+  border: 1px solid var(--gray-3);
+}
+.process-wrapper .process-body .process-dot[data-v-5c48c981]::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-radius: 6px;
+  background: var(--gray-3);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.process-wrapper .process-body .process-dot-last[data-v-5c48c981] {
+  border: 1px solid var(--primary-5);
+}
+.process-wrapper .process-body .process-dot-last[data-v-5c48c981]::before {
+  background: var(--primary-5);
 }

package/lib/index.js

@@ -2631,7 +2631,7 @@ var VerticalAlignBottomOutlined = function VerticalAlignBottomOutlined2(props2,
 VerticalAlignBottomOutlined.displayName = "VerticalAlignBottomOutlined";
 VerticalAlignBottomOutlined.inheritAttrs = false;
 const VerticalAlignBottomOutlined$1 = VerticalAlignBottomOutlined;
-const Divider$1 = /* @__PURE__ */ vue.defineComponent({
+const Divider = /* @__PURE__ */ vue.defineComponent({
   props: {
     label: {
       type: String,
@@ -5989,7 +5989,7 @@ const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const BasicTitle_vue_vue_type_style_index_0_scoped_c885e8af_lang = "";
-const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-c885e8af"]]);
+const BasicTitle$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-c885e8af"]]);
 const props$b = {
   prefixCls: { type: String },
   helpMessage: {
@@ -6001,7 +6001,7 @@ const props$b = {
   canExpan: { type: Boolean }
 };
 const _sfc_main$1y = vue.defineComponent({
-  components: { BasicArrow, BasicTitle: Divider },
+  components: { BasicArrow, BasicTitle: BasicTitle$1 },
   inheritAttrs: false,
   props: props$b,
   emits: ["expand"]
@@ -8938,11 +8938,11 @@ const _hoisted_5$6 = {
   key: 0,
   class: "flex py-2 items-center justify-center"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "p-5"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$2 = {
   key: 0,
   class: "cursor-pointer px-2 py-1 flex items-center"
 };
@@ -9081,12 +9081,12 @@ const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
                     onChange: handlePageChange
                   }, null, 8, ["pageSize", "total"])
                 ])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
                 vue.createVNode(vue.unref(AEmpty))
               ]))
             ]),
             default: vue.withCtx(() => [
-              isSvgMode && currentSelect.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, [
+              isSvgMode && currentSelect.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, [
                 vue.createVNode(SvgIcon, { name: currentSelect.value }, null, 8, ["name"])
               ])) : (vue.openBlock(), vue.createBlock(Icon2, {
                 key: 1,
@@ -9282,7 +9282,7 @@ const _hoisted_4$6 = {
   class: "table-children-delete-index"
 };
 const _hoisted_5$5 = ["onClick"];
-const _hoisted_6$1 = {
+const _hoisted_6$2 = {
   key: 2,
   class: "table-children-delete-index"
 };
@@ -9566,7 +9566,7 @@ const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
               onClick: ($event) => rowClickEvent(record[__props.rowKey])
             }, [
               vue.createVNode(vue.unref(DeleteFilled$1), { style: { color: "#fff" } })
-            ], 8, _hoisted_5$5)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$1, vue.toDisplayString(index2 + 1), 1))
+            ], 8, _hoisted_5$5)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$2, vue.toDisplayString(index2 + 1), 1))
           ])) : vue.createCommentVNode("", true)
         ]),
         _: 1
@@ -9863,7 +9863,8 @@ const Modal$2 = /* @__PURE__ */ vue.defineComponent({
         ...props2,
         onCancel
       };
-      return vue.createVNode(antDesignVue.Modal, propsData, _isSlot$8(_slot = extendSlots(slots)) ? _slot : {
+      const modalProps2 = omit$1(propsData, "visible");
+      return vue.createVNode(antDesignVue.Modal, modalProps2, _isSlot$8(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -12520,7 +12521,7 @@ componentMap$3.set("IconPicker", _sfc_main$1t);
 componentMap$3.set("InputCountDown", CountdownInput);
 componentMap$3.set("Table", Table$1);
 componentMap$3.set("Tinymce", _sfc_main$1q);
-componentMap$3.set("Divider", Divider$1);
+componentMap$3.set("Divider", Divider);
 function add$1(compName, component) {
   componentMap$3.set(compName, component);
 }
@@ -12990,7 +12991,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(antDesignVue.Col, {
           "span": 24
         }, {
-          default: () => [vue.createVNode(Divider$1, vue.unref(getComponentsProps), _isSlot$6(_slot = renderLabelHelpMessage()) ? _slot : {
+          default: () => [vue.createVNode(Divider, vue.unref(getComponentsProps), _isSlot$6(_slot = renderLabelHelpMessage()) ? _slot : {
             default: () => [_slot]
           })]
         });
@@ -14566,7 +14567,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.unref(slots).headerTitle ? vue.renderSlot(_ctx.$slots, "headerTitle", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_1$u, [
-          !vue.unref(slots).headerTitle && _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(Divider), {
+          !vue.unref(slots).headerTitle && _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(BasicTitle$1), {
             key: 0,
             helpMessage: _ctx.helpMessage
           }, {
@@ -18249,8 +18250,8 @@ const _hoisted_5$4 = {
   key: 0,
   class: "shy-ui-advanced-search-item-value-range"
 };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "flex": "0", "width": "40px", "margin-right": "8px" } }, " 至 ", -1);
-const _hoisted_7 = {
+const _hoisted_6$1 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "flex": "0", "width": "40px", "margin-right": "8px" } }, " 至 ", -1);
+const _hoisted_7$1 = {
   key: 1,
   style: { "margin-left": "8px", "cursor": "pointer", "position": "relative" },
   class: "shy-ui-advanced-minus-icon"
@@ -18508,7 +18509,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                                   ]),
                                   _: 2
                                 }, 1024),
-                                _hoisted_6,
+                                _hoisted_6$1,
                                 vue.createVNode(vue.unref(antDesignVue.FormItem), null, {
                                   default: vue.withCtx(() => [
                                     vue.createVNode(vue.unref(antDesignVue.DatePicker), {
@@ -18557,7 +18558,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                           ]),
                           _: 2
                         }, 1024)) : vue.createCommentVNode("", true),
-                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                        (schemasCurrent == null ? void 0 : schemasCurrent.length) !== 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
                           vue.createElementVNode("div", {
                             style: { "position": "absolute", "width": "14px", "height": "14px", "left": "0", "right": "0", "top": "0", "bottom": "0" },
                             class: "shy-basic-minus-icon",
@@ -20938,7 +20939,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
 const DrawerFooter = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$q]]);
 const _sfc_main$F = vue.defineComponent({
   name: "BasicDrawerHeader",
-  components: { BasicTitle: Divider, ArrowLeftOutlined: ArrowLeftOutlined$1 },
+  components: { BasicTitle: BasicTitle$1, ArrowLeftOutlined: ArrowLeftOutlined$1 },
   props: {
     isDetail: {
       type: Boolean
@@ -31941,7 +31942,7 @@ const DEFAULT_FILTER_FN = defaultFilterFn;
 let DEFAULT_ALIGN = "left";
 const INDEX_COLUMN_FLAG = "INDEX";
 const ACTION_COLUMN_FLAG = "ACTION";
-const ACTION_COLUMN_WIDTH = 90;
+const ACTION_COLUMN_WIDTH = 65;
 const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
@@ -33484,7 +33485,7 @@ ShyComponentMap.set("IconPicker", _sfc_main$1t);
 ShyComponentMap.set("InputCountDown", CountdownInput);
 ShyComponentMap.set("Table", Table);
 ShyComponentMap.set("Tinymce", _sfc_main$e);
-ShyComponentMap.set("Divider", Divider);
+ShyComponentMap.set("Divider", BasicTitle$1);
 ShyComponentMap.set("ColorPicker", ColorPickerPanel);
 function add(compName, component) {
   ShyComponentMap.set(compName, component);
@@ -33935,7 +33936,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(antDesignVue.Col, {
           "span": 24
         }, {
-          default: () => [vue.createVNode(Divider, vue.unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
+          default: () => [vue.createVNode(BasicTitle$1, vue.unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
             default: () => [_slot]
           })]
         });
@@ -39115,7 +39116,7 @@ const ShyTableAction = /* @__PURE__ */ vue.defineComponent({
       isInButton && e.stopPropagation();
     };
     const renderDivider = (index2, length2) => {
-      const isShow = props2.divider && index2 < length2 && ["action"].includes(props2.type);
+      const isShow = props2.divider && index2 < length2 - +!getDropdownList.value.length && ["action"].includes(props2.type);
       return isShow ? vue.createVNode(antDesignVue.Divider, {
         "type": "vertical",
         "class": "action-divider"
@@ -39455,7 +39456,7 @@ const ShyContainer = /* @__PURE__ */ vue.defineComponent({
     BreadcrumbItem
   },
   props: shyContainerProps,
-  emits: ["submit", "cancel", "save"],
+  emits: ["submit", "cancel", "save", "route-change"],
   setup(props2, {
     slots,
     emit
@@ -39527,7 +39528,8 @@ const ShyContainer = /* @__PURE__ */ vue.defineComponent({
       }, _isSlot(_slot = props2.navBars.map((item) => {
         return vue.createVNode(BreadcrumbItem, null, {
           default: () => [item.path ? vue.createVNode(vue.resolveComponent("router-link"), {
-            "to": item.path
+            "to": item.path,
+            "onClick": () => emit("route-change", item)
           }, {
             default: () => [item.name]
           }) : vue.createVNode("span", null, [item.name])]
@@ -39555,8 +39557,13 @@ withInstall(ShyContainer);
 const _hoisted_1 = { class: "process-wrapper" };
 const _hoisted_2 = { class: "process-header text-[#1B1F24] text-14px" };
 const _hoisted_3 = { class: "process-body" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { class: "process-time" };
+const _hoisted_4 = {
+  key: 0,
+  class: "process-item"
+};
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Process",
   props: {
@@ -39598,60 +39605,59 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     },
     columns: {
+      type: Array,
       default: () => [
-        { key: "processName" },
-        { key: "user", label: "申请人" },
-        { key: "suggestion", label: "建议", customRender: (record) => "123" },
-        { key: "result", label: "结果" }
+        {
+          key: "processName"
+        },
+        {
+          key: "user",
+          label: "申请人"
+        },
+        {
+          key: "suggestion",
+          label: "建议"
+        },
+        {
+          key: "result",
+          label: "结果"
+        }
       ]
     }
   },
   setup(__props) {
     const props2 = __props;
-    const getStyle = (index2) => {
-      if (index2 === 0) {
-        return {
-          fontFamily: "PingFangSC, PingFang SC",
-          fontWeight: 500,
-          fontSize: "14px",
-          color: "#1B1F24",
-          lineHeight: "20px",
-          textAlign: "left",
-          fontStyle: "normal"
-        };
-      } else {
-        return {
-          fontWeight: 400,
-          fontSize: "12px",
-          color: "#1B1F24",
-          lineHeight: "16px",
-          textAlign: "left",
-          fontStyle: "normal"
-        };
-      }
-    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(props2.title), 1),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(BasicTitle$1), null, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props2.title), 1)
+            ]),
+            _: 1
+          })
+        ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(antDesignVue.Timeline), null, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item, index2) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TimelineItem), { key: index2 }, {
+                  dot: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["process-dot", { ["process-dot-last"]: __props.data.length - 1 === +index2 }])
+                    }, null, 2)
+                  ]),
                   default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props2.columns, ({ key: key2, label, customRender }, cIndex) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: cIndex }, [
-                        item[key2] ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 0,
-                          class: "process-item",
-                          style: vue.normalizeStyle(getStyle(cIndex))
-                        }, [
-                          label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(label) + ":", 1)) : vue.createCommentVNode("", true),
-                          vue.createElementVNode("span", null, vue.toDisplayString(customRender ? customRender(item) : item[key2]), 1)
-                        ], 4)) : vue.createCommentVNode("", true)
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props2.columns, ({ key: key2, label, customRender }, _cIndex) => {
+                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: _cIndex }, [
+                        item[key2] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                          label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(label) + "：", 1)) : vue.createCommentVNode("", true),
+                          customRender ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+                            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.h("span", null, customRender(item)))))
+                          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item[key2]), 1))
+                        ])) : vue.createCommentVNode("", true)
                       ], 64);
-                    }), 128)),
-                    vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.createTime), 1)
+                    }), 128))
                   ]),
                   _: 2
                 }, 1024);
@@ -39664,8 +39670,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Process_vue_vue_type_style_index_0_scoped_d4b02362_lang = "";
-const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4b02362"]]);
+const Process_vue_vue_type_style_index_0_scoped_5c48c981_lang = "";
+const Process = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c48c981"]]);
 exports.AdvancedSearch = _sfc_main$T;
 exports.ApiCascader = ApiCascader$1;
 exports.ApiModalSelect = ApiModalSelect$1;
@@ -39685,7 +39691,7 @@ exports.BasicLabel = BasicLabel;
 exports.BasicModal = BasicModal;
 exports.BasicResizeWrapper = BasicResizeWrapper;
 exports.BasicTable = BasicTable;
-exports.BasicTitle = Divider;
+exports.BasicTitle = BasicTitle$1;
 exports.BasicTree = _sfc_main$13;
 exports.Button = Button;
 exports.ClickOutSide = _sfc_main$z;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.53",
+  "version": "3.0.0-next.55",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",